/*--------------copyright by vicky start-------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1.5;
    letter-spacing: 2px;
    font-size: 18px;
    font-family: 'Noto Sans TC', 'EB Garamond', serif;
    overflow-x: hidden;
    color: #161b1f;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

a {
    display: block;
    color: #303030;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #303030;
}

img {
    max-width: 100%;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 0;
}

::selection {
    background: rgba(204, 204, 204, 1);
}

[lang="one"] {
    font-family: 'Noto Serif TC';
    font-weight: 600;
    letter-spacing: 1px;
}

/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/

/****head001 start****/
header {
    z-index: 90;
    position: relative;
}

/*mibutton*/
.mibutton {
    position: fixed;
    top: 2em;
    right: 2em;
    z-index: 50;
    cursor: pointer;
    width: 40px;
    height: 30px;
    text-align: left;
    display: none;
}

.mibutton span {
    display: block;
    text-align: center;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    transition: .3s ease all;
}

.mibutton span:nth-child(2) {
    top: 10px;
}

.mibutton span:nth-child(3) {
    top: 20px;
}

.mibutton_ani span {
    opacity: 1;
    background: #fff;
}

.mibutton_ani span:nth-child(1) {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

.mibutton_ani span:nth-child(2) {
    opacity: 0;
}

.mibutton_ani span:nth-child(3) {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/*navbar*/
.navbar {
    padding: 2rem 16rem;
    text-align: left;
    border-radius: 0;
    min-height: auto;
    margin: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.navtop,
.intop {
    position: fixed;
    z-index: 30;
    opacity: 1;
    pointer-events: auto;
    background: rgb(28 28 28 / .85);
    transition: .5s ease-in;
}

.navbar .menu_logo {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
}

/*ibutton*/
.ibutton {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 75%;
}

.ibutton ul {}

.ibutton li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1em;
    letter-spacing: 3px;
    text-align: center;
}

.ibutton a {
    position: relative;
    overflow: hidden;
    transition: .2s ease all;
    color: #c6c5c9;
    height: 30px;
    letter-spacing: 1px;
}

p.ch {
    transition: .3s ease all;
}

p.en {
    transition: .3s ease all;
    text-transform: uppercase;
}

.ibutton a:hover p.ch {
    transform: translateY(-100%);
}

.ibutton a:hover p.en {
    transform: translateY(-100%);
}

@media (max-width:1600px) {
    .navbar {
        padding: 2rem;
    }

    .ibutton {
        width: 85%;
    }
}

@media screen and (max-width:1100px) {
    .ibutton {
        width: 89%;
    }

    .ibutton li {
        padding: 0 1rem;
    }
}

@media (max-width:1080px) {
    img.ft001_logo {
        max-width: 22vw;
    }

    .mibutton {
       
        top: 1.5em;
    }
    .mibtop, .mibshow{
    	position: fixed;
    opacity: 1;
        display: block;
    }

    .ibutton {
        width: 100%;
        text-align: center;
        display: none;
        padding-bottom: 1em;
    }

    .ibutton li {
        display: block;
        width: 100%;
        padding: 0;
    }

    .ibutton li a {
        padding: 1em;
        transition: .2s ease all;
        height: auto;
    }

    .ibutton li a:hover {
        background: #4c4c4c;
    }

    p.ch {
        font-size: 16px;
    }

    .ibutton a:hover p.en,
    .ibutton a:hover p.ch {
        transform: translateY(0);
    }

    /*.navbar {
        padding: 2rem;
        position: fixed;
        opacity: 1;
        pointer-events: auto;
        background: rgb(28 28 28 / .85);
    }*/
}

@media screen and (max-width:1000px) {
    .navbar .menu_logo {
        width: 15%;
    }
}

@media (max-width:600px) {

    .mibutton {
        top: 1.3em;
    }
}

@media (max-width:500px) {
    .mibutton {
        right: 1em;
    }

    .navbar .menu_logo {
        width: 35%;
    }

    .ibutton a {
        font-size: 16px;
    }


}

@media (max-width:350px) {
    .mibutton {
        top: 1em;
    }
}

/****head001 end****/
/***********************/
/***A006 start***/

.A006 {
    background: #161b1f;
    padding: 6rem 0 11rem;
}

.A006 .A0061 {
    width: 1760px;
    max-width: 100%;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: space-between;
}

.A0061 .A0061_left {
    width: 390px;
    max-width: 100%;
    padding-top: 19.3rem;
}

.A0061 .A0061_left h2 {
    font-size: 30px;
    color: #ffffff;
}


.A0061 .A0061_right {
    width: 1223px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
}

.A0061 .A0061_right img {
    width: 30%;
}


/*logo*/
.logo {
    vertical-align: middle;
    text-align: center;
    margin-top: 8.8rem;
}

.logo a {
    display: inline-block;
    transition: .3s ease all;
}

.logo a:hover {
    opacity: .7;
}

/***scroll***/
.scroll {
    margin-top: 12rem;
}

.scroll a {
    transition: .5s all;
}

.scroll span {
    color: #c6c5c9;
    font-size: 16px;
    display: inline-block;
    font-family: 'EB Garamond';
    text-transform: uppercase;
}

.scroll img {
    animation: enter 1s infinite alternate;
}

@keyframes enter {
    0% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.scroll a:hover {
    opacity: .8;
}


@media screen and (max-width:1700px) {
    .A006 .A0061 {
        padding: 0 0 0 2rem;
    }

    .A0061 .A0061_left {
        margin-right: 1rem;
    }
}

@media screen and (max-width:1366px) {
    .A006 {
        padding: 6rem 0;
    }
}

@media screen and (max-width:1000px) {
    .A006 .A0061 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 2rem;
        overflow-x: hidden;
    }

    .A0061 .A0061_left {
        margin: 0 0 3rem 0;
    }
}

@media screen and (max-width:834px) {
    .A0061 .A0061_left {
        padding-top: 9rem;
    }

    .scroll {
        margin: 7rem 0 2rem 0;
    }
}

@media screen and (max-width:450px) {
    .A0061 .A0061_left {
        width: 100%;
    }

    .scroll {
        display: none;
    }

    .logo {
        margin: 5rem auto 2rem;
        width: 90%;
    }

}

@media screen and (max-width:414px) {
    .A0061 .A0061_left {
        padding-top: 5rem;
    }
}

@media screen and (max-width:300px) {
    .A0061 .A0061_left h2 {
        font-size: 26px;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}


/***A006 end****/
/***********************/
/***A003 start***/


.A003 {
    width: 100%;
}

/*A0031*/

.A003 .A0031 {
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 3rem;
}


.A0031 .A0031_left {
    width: 927px;
    max-width: 100%;
    padding-top: 15rem;
    margin-right: 10rem;
}
.A0031_left .A0031_ch{
	margin-bottom: 2rem;
}
.A0031_left .A0031_ch p {
    font-size: 22px;
	text-align: center;
	color: #8e8d8f;
}
.A0031_left .A0031_en {
	margin: 2rem 0 6rem 0;
}
.A0031_left .A0031_en p {
    font-size: 22px;
    font-family: 'EB Garamond';
	text-align: center;
	color: #8e8d8f;
}
.A0031_left .A0031_hr{
	background: #8e8d8f;
	width: 20%;
	height: 1px;
	margin: 0 auto;
}
.A0031 .A0031_left .A0031_text{}
.A0031_text .A0031_title {
    margin-bottom: 7rem;
    width: 390px;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.A0031_text .A0031_title h2 {
    font-size: 30px;
    color: #161b1f;
    font-weight: bold;
}

.A0031_text .A0031_title hr {
    width: 18%;
    height: 1px;
    background: #c6c5c9;
}

.A0031_text .A0031_title h3 {
    font-size: 24px;
    color: #161b1f;
    text-transform: uppercase;
    font-weight: bold;
}

.A0031_text .A0031_txt {
	margin-bottom: 7rem;
}

.A0031_text .A0031_txt p {
    font-size: 18px;
    color: #161b1f;
    text-align: justify;
    font-weight: 500;
}

.A0031_text .A0031_txt p:first-child {
    margin-bottom: 7rem;
}

.A0031 .A0031_right {
    width: 650px;
    max-width: 100%;
}


.A0031_yt {
    width: 1670px;
    max-width: 100%;
    padding-bottom: 860px;
    overflow: hidden;
	margin: 0 auto 3rem;
}

.A0031_yt iframe,
.A0031_yt object,
.A0031_yt embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*A0032*/

.A003 .A0032 {
    padding-bottom: 7.2rem;
    display: flex;
	justify-content: center;
}

.A0032 .A0032_left {
    width: 770px;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
}

.A0032_left img:first-child {
    margin-right: 4rem;
}

.A0032_left img:last-child {}


.A0032 .A0032_right {
    width: 900px;
    max-width: 100%;
}


.A0032_right .A0032_title {
    margin-bottom: 7.5rem;
    width: 475px;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.A0032_right .A0032_title h2 {
    font-size: 30px;
    color: #161b1f;
    font-weight: bold;
}

.A0032_right .A0032_title hr {
    width: 15%;
    height: 1px;
    background: #c6c5c9;
}

.A0032_right .A0032_title h3 {
    font-size: 24px;
    color: #161b1f;
    text-transform: uppercase;
    font-weight: bold;
}

.A0032_right .A0032_txt {}

.A0032_right .A0032_txt p {
    font-size: 18px;
    color: #161b1f;
    text-align: justify;
    font-weight: 500;
    line-height: 1.8;
}


@media screen and (max-width:1920px){
	
	.A0031 .A0031_left {
    margin-right: 5rem;
	    padding-top: 12rem;
}
	.A0031_left  .A0031_text{
		padding: 0 7rem;
	}
	.A0031_left .A0031_text .A0031_txt {
    margin-bottom: 3rem;
}
	.A0031 .A0031_right {
    width: 680px;
}
	
}
@media screen and (max-width:1536px) {
    .A003 {
    padding-left: 0;
}
	.A003 .A0031 {
        padding-left: 2rem;
    }

        .A0031 .A0031_left {
        margin-right: 2rem;
        max-width: 50%;
        padding-top: 2rem;
    }
	    .A0031_left .A0031_text .A0031_text {
        padding: 0 3rem;
    }
	.A0031_yt {
		max-width: 96%;
		margin: 0 auto 5rem;
}

    .A003 .A0032 {
        padding: 0 3rem 5rem;
    }
	.A0032 .A0032_right {
    padding-left: 6rem;
}
}

@media screen and (max-width:1400px) {
    
}

@media screen and (max-width:1366px) {
    .A003 .A0031 {
        flex-wrap: wrap;
        margin-bottom: 0;
        padding: 0 0 3rem 0;
    }

    .A0031 .A0031_left {
        padding-left: 2rem;
		max-width: 42%;
    }
	    .A0031_left .A0031_text .A0031_text {
        padding: 0;
    }

    .A0031 .A0031_right {
        max-width: 56%;
    }

    .A0031_yt {
        position: relative;
        padding-bottom: 620px;
        width: 100%;
    }
	.A0032 .A0032_right {
    max-width: 45%;
}
}

@media screen and (max-width:1200px) {
    .A0031 .A0031_left {
        padding: 4rem 2rem 3rem 2rem;
        margin: 0;
        max-width: 48%;
    }
	.A0031_left .A0031_text .A0031_txt p:first-child {
    margin-bottom: 3rem;
}

    .A0031 .A0031_right {
        max-width: 50%;
    }

    .A0031_yt {
        width: 95%;
        margin: 0 auto 5rem;
    }

    .A0032 .A0032_left {
        margin-right: 2rem;
    }

    .A0032_left img:first-child {
        margin-right: 2rem;
    }
}

@media screen and (max-width:1100px) {
    .A003 .A0032 {
        justify-content: space-between;
    }

    .A0032 .A0032_left {
        width: 30%;
    }

    .A0032 .A0032_right {
        width: 42%;
    }

    .A0032_right .A0032_title {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:1000px) {
    .A003 .A0031 {
        justify-content: center;
        padding-bottom: 0;
        overflow-x: hidden;
    }

    .A0031 .A0031_left {
        padding: 7rem 2rem 3rem 2rem;
        width: 80%;
		max-width: 100%;
    }

    .A0031 .A0031_right {
        width: 100%;
        max-width: 100%;
        padding: 0 2rem;
    }

    .A0031_yt {
        width: 96%;
		padding-bottom: 500px;
		margin: 3rem auto 5rem;
    }

    .A003 .A0032 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .A0032 .A0032_right {
        width: 100%;
		max-width: 100%;
        order: -1;
        margin: 2rem 0 5rem;
		padding-left: 0;
    }

    .A0032 .A0032_left {
        width: 100%;
        justify-content: center;
        margin-right: 0;
    }
}

@media screen and (max-width:768px) {
    .A0031 .A0031_left {
        width: 100%;
		padding: 0 2rem 3rem 2rem;
    }
	    .A0031_left .A0031_text {
        padding: 0;
    }
    .A0031_yt {
        width: 95%;
		position: relative;
        padding-bottom: 430px;
    }

    .A0032 .A0032_left {
        width: 100%;
    }

    .A0032 .A0032_right {
        width: 100%;
    }
}

@media screen and (max-width:576px) {
    .A0031_yt {
        padding-bottom: 310px;
    }

    .A0032 .A0032_left {
        padding: 0 2rem;
    }

    .A0032 .A0032_left img {
        width: 50%;
    }
}

@media screen and (max-width:450px) {
    .A0031_yt {
        padding-bottom: 290px;
		        width: 90%;
    }

    .A003 .A0032 {
        padding: 0 2rem 5rem;
    }
    .A0031_left .A0031_text .A0031_title h3 {
    font-size: 18px;
}

    .A0032 .A0032_left {
        flex-wrap: wrap;
        justify-content: center;
        margin-right: 0;
        padding: 0;
    }

    .A0032 .A0032_left img {
        width: 100%;
    }

    .A0032_left img:first-child {
        margin-right: 0;
		margin-bottom: 2rem;
    }

    .A0032_right .A0032_title h2 {
        
    }

    .A0032_right .A0032_title hr {
        width: 12%;
    }

    .A0032_right .A0032_title h3 {
        font-size: 18px;
        letter-spacing: 0;
    }
}

@media screen and (max-width:414px) {
    .A0031 .A0031_left {
        padding: 4rem 1rem 3rem 1rem;
    }

    .A0031_left .A0031_text .A0031_en {
        margin-bottom: 3rem;
    }

    .A0031_left .A0031_text .A0031_en p {
        line-height: 1;
    }

    .A0031_left .A0031_text .A0031_title {
        margin-bottom: 4rem;
    }

    .A0031_left .A0031_txt p:first-child {
        margin-bottom: 3rem;
    }

    .A0031 .A0031_right {
        padding: 0 1rem;
    }

    .A0031_yt {
        width: 95%;
    }

    .A003 .A0032 {
        padding: 2rem 1rem 5rem;
    }
}

@media screen and (max-width:370px) {    

    .A0031_left .A0031_text .A0031_title h2 {
        font-size: 26px;
    }

    .A0031_left .A0031_text .A0031_title h3 {
        font-size: 20px;
    }

    .A0032_right .A0032_title h3 {
        font-size: 20px;
    }
}
@media screen and (max-width:360px){	
	.A0031_left .A0031_text .A0031_ch p {
    font-size: 18px;
}
	.A0031_left .A0031_text .A0031_en p {
        font-size: 18px;
    }
	    .A0031_yt {
        padding-bottom: 220px;
		        margin: 3rem auto 2rem;
    }
	.A0032_right .A0032_title h2 {
    font-size: 27px;
}
}
@media screen and (max-width:350px) {
    .A0032_right .A0032_title hr {
        width: 8%;
    }
}

@media screen and (max-width:340px) {
    .A0032_right .A0032_title h2 {
        font-size: 23px;
    }
}

@media screen and (max-width:330px) {
    .A0032_right .A0032_title h3 {
        letter-spacing: -1px;
    }
}

@media screen and (max-width:320px) {
    .A0031_left .A0031_text .A0031_en {
        margin-bottom: 2rem;
    }

    .A0031_left .A0031_text .A0031_en p {
        font-size: 20px;
    }

    .A0031_left .A0031_text .A0031_title {
        margin-bottom: 2rem;
    }

    .A0031_left .A0031_text .A0031_title h2 {
        font-size: 20px;
    }

    .A0031_left .A0031_text .A0031_title h3 {
        font-size: 18px;
    }

    .A0032_right .A0032_title h2 {
        font-size: 23px;
    }

    .A0032_right .A0032_title h3 {
        font-size: 18px;
    }

    .A0032_right .A0032_title h3 {
        letter-spacing: -2px;
    }
}
@media screen and (max-width:310px){
	    .A0031_left .A0031_text .A0031_ch p {
        font-size: 16px;
    }
	.A0031_left .A0031_text .A0031_en p {
        font-size: 16px;
    }
}

/***A003 end****/
/***********************/
/***F_text01 start***/

.F_text01 {
    background: #161b1f;
    position: relative;
}

.F_text01:before {
    content: '';
    background: url(../../images/F_text01_deco01.png) top left no-repeat;
    background-size: contain;
    width: 384px;
    max-width: 100%;
    min-height: 196px;
    position: absolute;
    top: 2rem;
    left: 0;
    z-index: 0;
}

.F_text01:after {
    content: '';
    background: url(../../images/F_text01_deco01.png) top left no-repeat;
    background-size: contain;
    width: 384px;
    max-width: 100%;
    min-height: 196px;
    position: absolute;
    bottom: 2rem;
    right: 0;
    z-index: 0;
    transform: rotate(180deg);
}

.F_text01 .F_text01_01 {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 9.3rem 10rem 11.7rem 4rem;
}

.F_text01_01 .F_text01_01_title {
    width: 600px;
    max-width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 9rem;
}

.F_text01_01 .F_text01_01_title h2 {
    font-size: 30px;
    background: #c6c5c9;
    padding: .7rem 1.5rem 1rem 2rem;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    width: 170px;
    max-width: 100%;
    font-weight: bold;
    letter-spacing: 1px;
    margin-right: 1.4rem;
}

.F_text01_01 .F_text01_01_title h3 {
    font-size: 24px;
    color: #c6c5c9;
    font-weight: bold;
    text-transform: uppercase;
}


.F_text01_01 .F_text01_01_inner {}

.F_text01_01_inner .F_text01_01_set {
    display: flex;
    justify-content: space-between;
}

.F_text01_01_inner .F_text01_01_set:not(:last-child) {
    margin-bottom: 10rem;
}

.F_text01_01_set .F_text01_01_set_left {
    width: 390px;
    max-width: 100%;
}

.F_text01_01_set .F_text01_01_set_left .number {
    font-size: 24px;
    color: #808080;
    font-family: 'EB Garamond';
    margin-bottom: 2.9rem;
    display: block;
    min-height: 0;
    position: relative;
    line-height: 1;
}

.F_text01_01_set .F_text01_01_set_left .number:after {
    display: none;
}

.F_text01_01_set .F_text01_01_set_left h3 {
    font-size: 30px;
    color: #c6c5c9;
    margin-bottom: 9.7rem;
}

.F_text01_01_set .F_text01_01_set_left hr {
    background: #c6c5c9;
    width: 159px;
    max-width: 100%;
    min-height: 1px;
    margin: 0;

}

.F_text01_01_set .F_text01_01_set_right {
    width: 760px;
    max-width: 100%;
    padding-right: 6rem;
}

.F_text01_01_set .F_text01_01_set_right p {
    font-size: 18px;
    color: #97979a;
    text-align: justify;
}

@media screen and (max-width:1200px) {
    .F_text01:before {
        min-height: 110px;
    }

    .F_text01:after {
        min-height: 110px;
    }

    .F_text01 .F_text01_01 {
        padding: 9.3rem 2rem 8rem 2rem;
    }
}
@media screen and (max-width:991px){
	.F_text01_01_set .F_text01_01_set_left h3 {
    font-size: 28px;
}
}

@media screen and (max-width:834px) {
    .F_text01_01_set .F_text01_01_set_left {
        width: 65%;
    }

    .F_text01_01_set .F_text01_01_set_right {
        padding-right: 0;
    }
}

@media screen and (max-width:768px) {
    .F_text01_01_set .F_text01_01_set_left h3 {
        font-size: 20px;
    }
}

@media screen and (max-width:650px) {
    .F_text01_01_inner .F_text01_01_set {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .F_text01_01_set .F_text01_01_set_left {
        margin-bottom: 3rem;
    }

    .F_text01_01_set .F_text01_01_set_left h3 {
        font-size: 30px;
        margin-bottom: 4rem;
    }
}

@media screen and (max-width:576px) {
    .F_text01 .F_text01_01 {
        padding: 5rem 2rem 8rem 2rem;
    }
}

@media screen and (max-width:450px) {
    .F_text01_01 .F_text01_01_title {}

    .F_text01_01 .F_text01_01_title {
        margin-bottom: 6rem;
    }

    .F_text01_01 .F_text01_01_title h2 {
        margin-bottom: 0;
        width: 50%;
    }

    .F_text01_01 .F_text01_01_title h3 {
        padding-left: 1rem;
        font-size: 20px;
        letter-spacing: 0px;
    }

    .F_text01_01_inner .F_text01_01_set:not(:last-child) {
        margin-bottom: 6rem;
    }

    .F_text01_01_set .F_text01_01_set_left {
        width: 100%;
    }
}

@media screen and (max-width:414px) {
    .F_text01 .F_text01_01 {
        padding: 5rem 1rem 8rem 1rem;
    }

    .F_text01_01 .F_text01_01_title h2 {
        margin-right: .5rem;
    }
}

@media screen and (max-width:393px) {
    .F_text01_01 .F_text01_01_title h2 {
        width: 50%;
    }
}

@media screen and (max-width:370px) {
    .F_text01_01 .F_text01_01_title h2 {
        font-size: 22px;
        width: 45%;
    }
}

@media screen and (max-width:350px) {
    .F_text01_01 .F_text01_01_title h2 {
        width: 55%;
    }

    .F_text01_01_set .F_text01_01_set_left h3 {
        font-size: 27px;
    }
}

@media screen and (max-width:330px) {
    .F_text01_01 .F_text01_01_title h2 {
        width: 60%;
    }
}

@media screen and (max-width:310px) {
    .F_text01_01 .F_text01_01_title h2 {
        font-size: 20px;
    }
}

@media screen and (max-width:300px) {
	.F_text01_01 .F_text01_01_title h2 {
		width: 63%;
    }
	.F_text01_01_set .F_text01_01_set_left h3 {
        font-size: 25px;
    }
}

/***F_text01 end****/
/***********************/
/***********************/
/***C006 start***/

.C006 {
    position: relative;
}

.C006:before {
    content: '';
    background: url(../../images/C006_bg.jpg) top right fixed;
    background-size: contain;
    width: 892px;
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.C006:after {
    content: '';
    background: url(../../images/C006_mask.png) top right repeat-y;
    background-size: contain;
    width: 204px;
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    right: 65rem;
}

.C006 .C0061 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 7rem 0;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
}


.C0061 .C0061_inner {
    width: 66.4%;
}



.C0061 .C0061_title {
    width: 26%;
    position: relative;
}

.C0061_title .inews_title {
    width: 325px;
    max-width: 100%;
    padding-top: 5rem;
    display: flex;
    align-items: center;
}

.C0061_title .inews_title h2 {
    font-size: 30px;
    color: #161b1f;
    font-weight: bold;
}

.C0061_title .inews_title hr {
    width: 15%;
    height: 1px;
    background: #c6c5c9;
}

.C0061_title .inews_title h3 {
    font-size: 24px;
    color: #161b1f;
    text-transform: uppercase;
    font-weight: bold;
}

.C0061_title .C0061_txt {
    position: absolute;
    bottom: 11.5rem;
    left: 5.5rem;
}

.C0061_title .C0061_txt p {
    font-size: 34px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'EB Garamond';
    text-transform: uppercase;
}

@media screen and (max-width:1366px) {
    .C0061 .C0061_title {
        width: 29%;
    }

    .C0061_title .C0061_txt {
        left: 0.5rem;
    }
}

@media screen and (max-width:1200px) {
    .C006 .C0061 {
        padding: 7rem 0 5rem;
    }

    .C006:before {
        max-width: 40%;
    }

    .C006:after {
        right: 25rem;
    }
}

@media screen and (max-width:1100px) {
    .C006 .C0061 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .C0061 .C0061_inner {
        width: 90%;
    }

    .C0061 .C0061_title {
        width: 80%;
        order: -1;
        margin-bottom: 7rem;
    }

    .C0061_title .C0061_txt {
        left: auto;
        right: 0;
        bottom: 0rem;
    }

    .C0061_title .C0061_txt p {
        line-height: 1;
    }
}

@media screen and (max-width:768px) {
    .C006:before {
        background-attachment: inherit;
    }

    .C0061_title .C0061_txt p {
        font-size: 20px;
    }
}

@media screen and (max-width:650px) {
    .C006:after {
        right: 15rem;
    }
}

@media screen and (max-width:450px) {
    .C006 .C0061 {
        padding: 3rem 0 5rem;
    }

    .C0061 .C0061_title {
        margin-bottom: 5rem;
    }

    .C0061_title .inews_title h2 {
        
    }

    .C0061_title .inews_title h3 {
        font-size: 18px;
    }

    .C0061_title .C0061_txt {
        display: none;
    }

}

@media screen and (max-width:414px) {
    .C006:after {
        right: 8rem;
    }
}

@media screen and (max-width:340px) {
    .C0061_title .inews_title h2 {
        font-size: 23px;
    }

    .C0061_title .inews_title h3 {
        font-size: 20px;
    }
}

/***C006 end****/
/***********************/
/***C009 start***/
.C009 {
    background: rgba(199, 197, 199, .25);
    padding: 7rem 0 5rem;
}

.C009 .C009_inner {
    width: 1600px;
    margin: 0 auto;
    max-width: 100%;
}

/*title*/
.C009_inner .title {
    width: 370px;
    margin: 0 auto 6.2rem;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.C009_inner .title h2 {
    font-size: 30px;
    color: #161b1f;
    font-weight: bold;
}

.C009_inner .title hr {
    width: 20%;
    height: 1px;
    background: #c6c5c9;
}

.C009_inner .title h3 {

    font-size: 24px;
    color: #161b1f;
    text-transform: uppercase;
    font-weight: bold;
}

.C009_inner .C009_txt {
    text-align: center;
    margin-bottom: 6rem;
}

.C009_inner .C009_txt p {
    font-size: 18px;
    color: #202020;
    font-weight: 600;
}

@media screen and (max-width:450px) {
    .C009 {
        padding: 5rem 0 2rem;
    }

    .C009_inner .title h2 {
        
    }

    .C009_inner .title h3 {
        font-size: 18px;
    }
}

@media screen and (max-width:414px) {
    .C009_inner .title {
        margin: 0 auto 4rem;
        max-width: 80%;
    }

    .C009_inner .C009_txt {
        margin-bottom: 4rem;
    }
}

@media screen and (max-width:380px) {
    .C009_inner .C009_txt p {
        font-size: 15px;
    }
}

@media screen and (max-width:330px) {
    .C009_inner .C009_txt p {
        font-size: 13px;
    }
}

@media screen and (max-width:320px) {
    .C009_inner .title {
        max-width: 90%;
    }
}

/***C009 end***/
/***********************/
/***F002 start***/

.F002 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    padding: 7rem 0 6rem;
}

.F002 .F002_title {
    width: 440px;
    margin: 0 auto 8rem;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.F002 .F002_title h2 {
    font-size: 30px;
    color: #161b1f;
    font-weight: bold;
}

.F002 .F002_title hr {
    width: 15%;
    height: 1px;
    background: #c6c5c9;
}

.F002 .F002_title h3 {
    font-size: 24px;
    color: #161b1f;
    text-transform: uppercase;
    font-weight: bold;
}


.F002 .F002_inner {
    display: flex;
    flex-wrap: wrap;
}

.F002_inner .F002_ser {
    padding: 3rem 0;
    width: 12%;
    margin: 0 1.5rem;
    text-align: center;
}

.F002_inner .F002_ser img{
	border-radius: 100%;
	margin-bottom: .5rem;
}

.F002_inner .F002_ser h4 {
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width:1400px) {
    .F002_inner .F002_ser {
        width: 14.4%;
    }
}

@media screen and (max-width:1300px) {
    .F002_inner .F002_ser {
        width: 14.3%;
    }
}

@media screen and (max-width:1200px) {
    .F002_inner .F002_ser {
        width: 17.5%;
    }
}

@media screen and (max-width:1100px) {
    .F002_inner .F002_ser {
        width: 22.2%;
        padding: 1rem 0;
        margin: 0 1.5rem 2rem;
    }
}

@media screen and (max-width:991px) {
    .F002_inner .F002_ser {
        width: 21.9%;
    }
}

@media screen and (max-width:834px) {
    .F002_inner .F002_ser {
        width: 21.3%;
    }
}

@media screen and (max-width:768px) {
    .F002_inner .F002_ser {
        width: 29%;
    }
}

@media screen and (max-width:650px) {
    .F002_inner .F002_ser {
        width: 28%;
    }
}

@media screen and (max-width:576px) {
    
}

@media screen and (max-width:450px) {
    .F002 .F002_title {
        max-width: 90%;
    }

    .F002 .F002_title h2 {
        
    }

    .F002 .F002_title h3 {
        font-size: 18px;
    }

    .F002_inner .F002_ser {
        width: 43%;
    }
}

@media screen and (max-width:414px) {
    .F002 .F002_title {
        margin: 0 auto 4rem;
    }

    .F002_inner .F002_ser {
        width: 42%;
    }
}

@media screen and (max-width:370px) {
    .F002 .F002_title {
        max-width: 95%;
    }

    .F002_inner .F002_ser {
        width: 41%;
    }
}

@media screen and (max-width:350px) {
    .F002 .F002_title hr {
        width: 10%;
    }
}

@media screen and (max-width:340px) {
    .F002 .F002_title h2 {
        font-size: 23px;
    }

    .F002 .F002_title h3 {
        letter-spacing: -1px;
    }

    .F002_inner .F002_ser {
        width: 43%;
        margin: 0 1rem 2rem;
    }
}

@media screen and (max-width:320px) {
    .F002_inner .F002_ser {
        width: 46%;
        margin: 0 .5rem 2rem;
    }
}

/***F002 end****/
/***********************/

/***footer***/

footer {
    background: #161b1f;
}

.footer-001 {}

.footer-001 .footer_top {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    padding: 5rem 0 2.3rem;
    display: flex;
    justify-content: space-between;
}

.footer_top .logo {
    width: 16%;
    padding: 0 2.4rem;
}

.footer_top .ftwrap {
    width: 42%;
    padding-top: 5rem;
}

.ftwrap .fttitle {
    padding-left: 1.5rem;
    display: flex;
}

.ftwrap .fttitle h3 {
    font-size: 20px;
    color: #c6c5c9;
    font-weight: bold;
    margin-right: 1rem;
}

.ftwrap .fttitle h4 {
    font-size: 20px;
    color: #c6c5c9;
    font-weight: bold;
    font-family: 'EB Garamond';
}

.ftwrap .ft_line1 {
    background: #c6c5c9;
    width: 95%;
    min-height: 1px;
    margin: 3rem 0;
}

.footer_top .ftmap {
    width: 38.3%;
    padding-right: 3.8rem;
    text-align: right;
}

.ftmap .map {
    position: relative;
    height: 373px;
    width: 100%;
    vertical-align: top;

}

.ftmap .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*ftlist*/
.ftlist {}

.ftinfo {
    text-align: left;
}

.ftinfo ul {
    padding-top: .5em;
    display: flex;
    flex-wrap: wrap;
}

.ftinfo ul li {
    width: 49%;
    margin-bottom: 1.8rem;
}

.ftinfo ul li span {
    position: relative;
    font-size: 18px;
    color: #c6c5c9;
}

.ftinfo ul li span:nth-of-type(1) {
    display: inline-block;
    width: 6%;
    vertical-align: top;
    color: #c6c5c9;
    text-align: center;
    margin-right: .5rem;
}

.ftinfo ul li span:nth-of-type(2) {
    display: inline-block;
    width: 85%;
}

/*ft_link*/
.ft_link {
    margin-top: 11rem;
}

.ft_link a {
    transition: .3s ease all;
    display: inline-block;
    width: 19%;
    padding: 0 1.5rem;

}

.ft_link a:nth-of-type(1) {
    margin-bottom: 1rem;
}

.ft_link a:hover {
    opacity: .5;
}

.ft_line2 {
    background: rgba(198, 197, 201, .25);
    width: 95%;
    min-height: 1px;
    margin: 2.4rem auto 1.8rem;
}

.footer_bot {
    width: 1600px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 1.6rem;
}

/*copyright*/
.copyright {
    color: #c6c5c9;
    font-size: 14px;
    display: inline-block;
    top: 0;
    right: 0;
    width: 75%;
    text-align: left;
}

.copyright a,
.copyright a h1 {
    color: #c6c5c9;
    display: inline-block;
    font-size: 14px;
}

.copyright a:hover,
.copyright a h1:hover {
    color: #8c6637;
}

/*share*/
.share {
    color: #a7a7a7;
    font-size: 16px;
    display: inline-block;
    width: 24%;
    text-align: left;
}

.share a {
    font-size: 14px;
    display: inline-block;
    margin-right: 1rem;
}

.share a:hover {
    opacity: .7;
}


@media screen and (max-width:1536px) {
    .ftinfo ul li {
        width: 50%;
    }

    .ftinfo ul li span:nth-of-type(2) {
        width: 90%;
    }

    .ft_link {
        margin-top: 10rem;
    }

    .footer_bot {
        padding: 0 2rem 1.6rem;
    }
}

@media screen and (max-width:1400px) {
    .ftinfo ul li span:nth-of-type(2) {
        letter-spacing: 0px;
        width: 86%;
    }
}

@media screen and (max-width:1200px) {
    .footer-001 .footer_top {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer_top .logo {
        width: 30%;
        padding: 0 4rem 0 0;
    }

    .footer_top .ftwrap {
        width: 60%;
    }

    .ft_link {
        margin-top: 4rem;
    }

    .footer_top .ftmap {
        width: 95%;
        padding-right: 0;
        margin: 3rem 0 0 0;
    }

    .ftmap .map {
        height: 500px;
    }
}

@media screen and (max-width:1100px) {
    .copyright {
        width: 95%;
        text-align: center;
    }

    .share {
        width: 95%;
        text-align: center;
        margin-top: 2rem;
    }
}

@media screen and (max-width:834px) {
    .footer_top .ftwrap {
        width: 66%;
    }
}

@media screen and (max-width:768px) {
    .footer_top .logo {
        width: 50%;
        padding: 0;
        margin-top: 3rem;
    }

    .footer_top .ftwrap {
        width: 95%;
    }
}

@media screen and (max-width:576px) {
    .ftinfo ul li {
        width: 45%;
    }

    .ftinfo ul li:last-child {
        width: 55%;
    }
}

@media screen and (max-width:450px) {
    .ftinfo ul li {
        width: 100%;
    }

    .ftinfo ul li:last-child {
        width: 100%;
    }

    .ft_link {
        text-align: center;
    }

    .ft_link a {
        width: 48%;
        padding: 0 1.5rem 1rem;
    }

    .ftmap .map {
        height: 350px;
    }
}

@media screen and (max-width:360px) {
    .ftmap .map {
        height: 300px;
    }
}

@media screen and (max-width:340px) {
    .ft_link a {
        width: 48%;
    }
}



/***********************/
/***inbanner start***/

.inbanner {
    background: url(../../images/inbanner.jpg) top center fixed;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 650px;
    border-bottom-left-radius: 160px;
    border-bottom-right-radius: 160px;
    position: relative;
}

.inbanner:before {
    content: '';
    background: url(../../images/inban_deco01.png) bottom center no-repeat;
    background-size: contain;
    width: 333px;
    max-width: 100%;
    min-height: 166px;
    mix-blend-mode: color-burn;
    opacity: .75;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.inbanner .intitle {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 28.5rem 0 0 0;
}

.inbanner .intitle h3 {
    font-size: 60px;
    color: #161b1f;
    font-weight: 600;
    font-family: 'EB Garamond';
    margin-bottom: 2rem;
}

.inbanner .intitle h2 {
    font-size: 30px;
    color: #161b1f;
    font-weight: 800;
    position: relative;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

.inbanner .intitle h2:before,
.inbanner .intitle h2:after {
    content: '';
    background: #1a1a1a;
    width: 70px;
    max-width: 100%;
    min-height: 1px;
}

.inbanner .intitle h2:before {
    position: absolute;
    left: 0;
    top: 1.5rem;
}

.inbanner .intitle h2:after {
    position: absolute;
    right: 0;
    top: 1.5rem;
}


@media screen and (max-width:1200px) {
    .inbanner {
        min-height: 520px;
    }

    .inbanner .intitle {
        padding: 16rem 0 0 0;
    }
}

@media screen and (max-width:991px) {
    .inbanner {
        border-bottom-left-radius: 120px;
        border-bottom-right-radius: 120px;
    }
}

@media screen and (max-width:834px) {
    .inbanner {
        min-height: 430px;
    }

    .inbanner:before {
        min-height: 110px;
    }
}

@media screen and (max-width:768px) {
    .inbanner {
        background-attachment: initial;
        background-size: cover;
        min-height: 350px;
    }

    .inbanner:before {
        min-height: 90px;
    }

    .inbanner .intitle {
        padding: 11rem 0 0 0;
    }

}

@media screen and (max-width:576px) {
    .inbanner {
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
    }

    .inbanner .intitle h3 {
        font-size: 40px;
    }
}

@media screen and (max-width:450px) {
    .inbanner {
        min-height: 300px;
        border-bottom-left-radius: 80px;
        border-bottom-right-radius: 80px;
    }

    .inbanner:before {
        min-height: 60px;
    }

    .inbanner .intitle {
        padding: 11rem 0 0 0;
    }

    .inbanner .intitle h3 {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:414px) {
    .inbanner {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .inbanner .intitle {
        padding: 11rem 0 0 0;
    }

    .inbanner .intitle h3 {
        font-size: 33px;
    }

    .inbanner .intitle h2 {
        font-size: 25px;
        max-width: 95%;
    }
}

@media screen and (max-width:370px) {
    .inbanner .intitle {
        padding: 11rem 0 0 0;
    }
}

@media screen and (max-width:350px) {
    .inbanner .intitle h3 {
        font-size: 28px;
    }
}

@media screen and (max-width:330px) {
    .inbanner .intitle {
        padding: 11rem 0 0 0;
    }
}

@media screen and (max-width:300px) {
    .inbanner .intitle h3 {
        font-size: 25px;
    }

    .inbanner .intitle h2 {
        font-size: 22px;
    }
}

/***inbanner end****/
/***********************/
/***********************/
/***main start***/

main {
    padding-top: 6.7rem;
}

/***main end****/
/***********************/
/***********************/
/***f_text08 start***/

.f_text08 {
    width: 1600px;
    max-width: 100%;
    margin: 0 auto 6.5rem;
    padding-left: 13.6rem;
}

.f_text08 .f_text08_title {
    padding-left: 1.8rem;
    margin-bottom: 6.6rem;
}

.f_text08 .f_text08_title img {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: middle;
}

.f_text08 .f_text08_title h4 {
    display: inline-block;
    font-size: 36px;
    font-weight: 800;
    vertical-align: middle;

}

.f_text08 .f_text08_inner {}

.f_text08_inner .f_text08_set {
    display: flex;
    justify-content: space-between;
}

.f_text08_set .f_text08_set11 {
    width: 26.6%;
    padding-left: 4.2rem;
}

.f_text08_set .f_text08_set11 h5 {
    font-size: 30px;
    margin-bottom: 1.7rem;
}

.f_text08_set .f_text08_set11 h6 {
    font-size: 36px;
    font-weight: 800;
}

.f_text08_set .f_text08_set11 p {
    font-size: 16px;
    color: #808080;
    font-family: 'EB Garamond';
}

.f_text08_set .f_text08_set11 hr {
    background: #c6c5c9;
    margin: 5.5rem 0 6rem;
    width: 160px;
    max-width: 100%;
    min-height: 1px;
}

.f_text08_set .f_text08_set11 img {
    vertical-align: bottom;
}



.f_text08_set .f_text08_set12 {
    width: 72.5%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.f_text08_set12 .f_text08_set12-1 {
    width: 47%;
}

.f_text08_set12-1 .team_wrap {
    margin-bottom: 3rem;
}

.team_wrap_title {}

.team_wrap_title img {
    display: inline-block;
}

.team_wrap_title h6 {
    font-size: 18px;
    display: inline-block;
    font-weight: 800;
}


.team_wrap_txt {}

.team_wrap_txt p {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}


.f_text08_set12 .f_text08_set12-2 {
    width: 47.3%;
}


.f_text08_set12 .f_text08_line {
    background: #c6c5c9;
    width: 100%;
    min-height: 22px;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width:1536px) {
    .f_text08 {
        padding: 0 2rem;
    }

    .f_text08 .f_text08_title {
        padding-left: 0;
    }

    .f_text08_set .f_text08_set11 {
        padding-left: 2rem;
    }
}

@media screen and (max-width:1200px) {
    .f_text08_set .f_text08_set11 {
        padding-left: 0;
    }
}

@media screen and (max-width:834px) {
    .f_text08_set .f_text08_set11 h5 {
        font-size: 22px;
    }
}

@media screen and (max-width:768px) {
    .f_text08 .f_text08_title {
        margin-bottom: 5rem;
    }

    .f_text08_inner .f_text08_set {
        justify-content: center;
        flex-wrap: wrap;
    }

    .f_text08_set .f_text08_set11 {
        width: 50%;
        margin-bottom: 4rem;
    }

    .f_text08_set .f_text08_set11 hr {
        margin: 3rem 0 4rem;
    }

    .f_text08_set .f_text08_set12 {
        width: 100%;
    }
}

@media screen and (max-width:450px) {
    .f_text08_set .f_text08_set11 {
        width: 100%;
    }

    .f_text08_set .f_text08_set12 {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-bottom: 5rem;
    }

    .f_text08_set12 .f_text08_set12-1 {
        width: 100%;
    }

    .f_text08_set12 .f_text08_set12-2 {
        width: 100%;
    }
}

@media screen and (max-width:414px) {
    .f_text08 {
        padding: 0 1rem;
    }
}

/***f_text08 end****/
/***********************/
/***********************/
/***D003 start***/

.D003 {}

.D003 .D003_set {
    width: 100%;
    display: flex;
}

.D003_set .D003_set_left {
    width: 50%;
}

.D003_set_left img {
    vertical-align: bottom;
}

.D003_set .D003_set_right {
    width: 50%;
    padding: 13.2rem 27rem 0 8.9rem;
}

.D003_set_right .D003_set_title {
    margin-bottom: 3.5rem;
}

.D003_set_right .D003_set_title img {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: middle;
}

.D003_set_right .D003_set_title h4 {
    display: inline-block;
    font-size: 36px;
    font-weight: 800;
    vertical-align: middle;
}

.D003_set_right h5 {
    font-size: 26px;
    font-weight: bold;
    color: #c6c5c9;
    margin-bottom: 3.8rem;
}

.D003_set_right p {
    font-size: 18px;
    text-align: justify;
    font-weight: 600;
    letter-spacing: 1px;
}

.D003_set_right p:not(:last-child) {
    margin-bottom: 4rem;
}


.D003_set:nth-child(even) .D003_set_right {
    order: -1;
    padding: 8rem 9.5rem 0 27rem;
}

@media screen and (max-width:1536px) {
    .D003_set .D003_set_right {
        padding: 6rem 4rem 2rem 4rem;
    }

    .D003_set:nth-child(even) .D003_set_right {
        padding: 4rem 4rem 2rem 4rem;
    }
}

@media screen and (max-width:1400px) {
    .D003_set_right p:not(:last-child) {
        margin-bottom: 0;
    }
}

@media screen and (max-width:1366px) {
    .D003_set .D003_set_right {
        padding: 6rem 2rem 2rem 2rem;
    }

    .D003_set:nth-child(even) .D003_set_right {
        padding: 4rem 2rem 2rem 2rem;
    }
}

@media screen and (max-width:1200px) {
    .D003_set .D003_set_right {
        padding: 2rem 2rem 2rem 2rem;
    }

    .D003_set:nth-child(even) .D003_set_right {
        padding: 2rem 2rem 2rem 2rem;
    }
}

@media screen and (max-width:1100px) {
    .D003 .D003_set {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 5rem;
        overflow-x: hidden;
    }

    .D003_set .D003_set_left {
        width: 95%;
        text-align: center;
    }

    .D003_set .D003_set_right {
        width: 90%;
        padding: 2rem;
    }

    .D003_set:nth-child(even) .D003_set_right {
        padding: 2rem;
        order: 0;
    }

    .D003_set_right p:not(:last-child) {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width:768px) {
    .D003_set .D003_set_left {
        width: 100%;
    }

    .D003_set .D003_set_right {
        width: 100%;
    }
}

@media screen and (max-width:440px){
	.D003_set_right h5 {
    font-size: 23px;
}
}

@media screen and (max-width:414px) {
    .D003 .D003_set {
        margin-bottom: 3rem;
    }

    .D003_set_right .D003_set_title img {
        width: 7%;
        margin-right: 1rem;
    }

    .D003_set_right .D003_set_title h4 {
        font-size: 30px;
    }

    .D003_set_right h5 {
        font-size: 20px;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:370px) {
    .D003_set_right h5 {
        font-size: 18px;
    }
}

@media screen and (max-width:340px) {
    .D003_set_right .D003_set_title h4 {
        font-size: 25px;
    }

    .D003_set_right h5 {
        font-size: 16px;
    }

    .D003_set_right p {
        font-size: 15px;
    }
}

@media screen and (max-width:310px) {
    .D003_set_right h5 {
        font-size: 14px;
    }

    .D003_set_right p {
        font-size: 13px;
    }
}

/***D003 end****/
/***********************/
/***F_other05 start***/

.F_other05 {}

.F_other05 .F_other05_title {
    width: 12%;
    margin: 0 auto 5rem;
}

.F_other05 .F_other05_inner {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
    text-align: center;
}

.F_other05_inner .F_other05_card {
    width: 557px;
    max-width: 100%;
    display: inline-block;
    padding: 0 0 8.3rem 0;
    overflow: hidden;
    line-height: 1.5em;
    letter-spacing: 1pt;
    position: relative;
    text-align: left;
}

.F_other05_card .F_other05_wrap {
    background: #c6c5c9;
    padding: 1.3rem 3rem 1.3rem 3rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: flex;

}

.F_other05_wrap .F_other05_wrap_left {
    width: 12%;
    padding-right: 2rem;
    position: relative;
    text-align: center;
}

.F_other05_wrap .F_other05_wrap_left:after {
    content: '';
    background: #2a2a2a;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.F_other05_wrap_left span {
    font-size: 12px;
    color: #202020;
    font-family: 'EB Garamond';

}

.F_other05_wrap_left p {
    font-size: 36px;
    color: #202020;
    font-weight: bold;
    font-family: 'EB Garamond';
}

.F_other05_wrap .F_other05_wrap_right {
    padding: 0.8rem 0 1.4rem 2rem;
}

.F_other05_wrap_right h5 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 1.7rem;
}

.F_other05_wrap_right ol {
    list-style: auto;
    padding-left: 2.2rem;
}

.F_other05_wrap_right ol li {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.7;
}

.F_other05_card .F_other05_arrow {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width:1536px) {
    .F_other05 .F_other05_title {
        width: 20%;
    }
}

@media screen and (max-width:1100px) {
    .F_other05_inner .F_other05_card {
        padding: 0 1rem 8.3rem 1rem;
    }
}

@media screen and (max-width:1000px) {
    .F_other05 .F_other05_title {
        width: 30%;
    }

    .F_other05 .F_other05_inner {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media screen and (max-width:576px) {
    .F_other05 .F_other05_title {
        width: 50%;
    }
}

@media screen and (max-width:450px) {
    .F_other05_inner .F_other05_card {
        padding: 0 1rem 6rem 1rem;
    }

    .F_other05_card .F_other05_wrap {
        padding: 1.3rem 1rem;
    }

    .F_other05_card .F_other05_arrow {
        bottom: 1rem;
    }
}

@media screen and (max-width:414px) {
    .F_other05 .F_other05_title {
        width: 55%;
    }

    .F_other05_wrap .F_other05_wrap_left {
        width: 17%;
    }
}

@media screen and (max-width:393px) {
    .F_other05 .F_other05_title {
        width: 60%;
    }
}

@media screen and (max-width:370px) {
    .F_other05 .F_other05_title {
        width: 65%;
    }
}

@media screen and (max-width:350px) {
    .F_other05_card .F_other05_wrap {
        flex-wrap: wrap;
    }

    .F_other05_wrap .F_other05_wrap_left {
        width: 100%;
        margin-bottom: 2rem;
        padding: 0 0 2rem 0;
    }

    .F_other05_wrap .F_other05_wrap_left:after {
        width: 100%;
        height: 1px;
        right: 0;
        top: auto;
        bottom: 0;
    }

    .F_other05_wrap .F_other05_wrap_right {
        padding: 0.8rem 0 1.4rem 0;
    }
}

/***F_other05 end****/
/***********************/
/***F_item02 start***/

.F_item02 {
    background: rgba(198, 197, 201, .25);
    padding: 4.5rem 0 0;
}

.F_item02 .F_item02_title {
    width: 12%;
    margin: 0 auto 5rem;
}

.F_item02 .F_item02_inner {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.F_item02_inner .F_item02_card {
    width: 349px;
    max-width: 100%;
    margin: 0 4rem 7rem;
    background: #c6c5c9;
}

.F_item02_card .F_item02_wrap {}

.F_item02_wrap .F_item02_wrap_top {
    background: #161b1f;
    padding: 2.5rem 0;
    text-align: center;
}

.F_item02_wrap_top h3 {
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
}

.F_item02_wrap .F_item02_wrap_bot {
    padding: 3.6rem 4rem 2.3rem;
    text-align: center;
}

.F_item02_wrap_bot b {
    font-size: 30px;
    color: #202020;
    font-weight: 600;
    font-family: 'EB Garamond';
    display: block;
    margin-bottom: 3rem;
}

.F_item02_wrap_bot p {
    font-size: 30px;
    color: #202020;
    font-weight: 600;
}

.F_item02_wrap_bot b span {
    font-size: 18px;
    font-weight: 400;
}

.F_item02_wrap_bot span {
    font-size: 18px;
    color: #202020;
}

.F_item02_wrap_bot hr {
    background: #202020;
    width: 100%;
    height: 1px;
    margin: 1.2rem auto;

}

.F_item02_card:first-child .F_item02_wrap_bot {
    padding: 6.6rem 4rem 7.3rem;
}

.F_item02_card:last-child .F_item02_wrap_bot p {
    margin-bottom: 5rem;
}

@media screen and (max-width:1536px) {
    .F_item02 .F_item02_title {
        width: 20%;
    }
}

@media screen and (max-width:1200px) {
    .F_item02_inner .F_item02_card {
        margin: 0 2rem 7rem;
    }
}

@media screen and (max-width:1100px) {
    .F_item02_inner .F_item02_card {
        width: 29%;
    }

    .F_item02_wrap .F_item02_wrap_bot {
        padding: 3rem 1rem 2.3rem;
    }
}

@media screen and (max-width:1000px) {
    .F_item02 .F_item02_title {
        width: 30%;
    }
}

@media screen and (max-width:834px) {
    .F_item02_inner .F_item02_card {
        width: 43%;
    }
}

@media screen and (max-width:650px) {
    .F_item02_inner .F_item02_card {
        width: 46%;
        margin: 0 1rem 5rem;
    }
}

@media screen and (max-width:576px) {
    .F_item02 .F_item02_title {
        width: 50%;
    }

    .F_item02_inner .F_item02_card {
        width: 70%;
        margin: 0 0 5rem;
    }
}

@media screen and (max-width:414px) {
    .F_item02 .F_item02_title {
        width: 55%;
    }

    .F_item02_inner .F_item02_card {
        width: 85%;
    }
}

@media screen and (max-width:393px) {
    .F_item02 .F_item02_title {
        width: 60%;
    }
}

@media screen and (max-width:370px) {
    .F_item02 .F_item02_title {
        width: 65%;
    }

    .F_item02_inner .F_item02_card {
        width: 90%;
    }
}

@media screen and (max-width:310px) {
    .F_item02_inner .F_item02_card {
        width: 95%;
    }
}

@media screen and (max-width:300px) {
    .F_item02_wrap_bot span {
        font-size: 16px;
    }
}

/***F_item02 end****/
/***********************/


/***********************/
/***top***/
#gotop {
    position: fixed;
    bottom: 3em;
    right: 1em;
    z-index: 50;
    cursor: pointer;
    display: none;
}

#gotop i {
    font-size: 40px;
    color: #191818;
    transition: .2s linear;
}

#gotop:hover i {
    transform: translateY(-5px);
}


@media (max-width:768px) {
    #gotop {
        bottom: 4em;
    }
}

/***********************/
.space {
    transform: translateY(-82px);
}

#concept {
    transform: translateY(-100px);
}



/***********************/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #cabaaa;
    border: solid 1px #303030;
    color: #303030;
    border-radius: 2px;
    font-weight: 400;
    transition: .2s linear;
    padding: 0em 1em;
    height: auto;
    line-height: 2;
    font-size: 16px;
    margin: 5px;
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: #655749;
    color: #ffffff;
}

.table-responsive {
    border: 0;
    margin: 10px 0;
}

/***news*************************************************************************************************/
.news {
    width: 1062px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 0 3em;
    color: #000;
    font-size: 16px;
}

.newslist {
    text-align: center;
}

.newslist table .h1,
.newslist table .h2,
.newslist table .h3,
.newslist table .h4,
.newslist table .h5,
.newslist table .h6,
.newslist table h1,
.newslist table h2,
.newslist table h3,
.newslist table h4,
.newslist table h5,
.newslist table h6 {
    line-height: normal;
}

/***newslist_rwd***/
.newslist_rwd {
    text-align: left;
}

.newslist_rwd:not(:last-of-type) {
    padding-bottom: 6.2rem;
}

.newslist_rwd a {
    position: relative;
    transition: .3s ease all;
    line-height: 1.5;
    color: #000;
    text-align: center;
        display: inline-block;
}

.newslist_rwd .news_inner {
    display: flex;
    justify-content: space-between;
}

.newslist_rwd .news_inner .ntitle {
    width: 49.3%;
}



/*npic*/
.npic {
    position: relative;
    width: 520px;
    max-width: 100%;
    min-height: 400px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
    -webkit-filter: drop-shadow(0px 0px 16px rgba(56, 52, 43, 0.25));
    filter: drop-shadow(0px 0px 16px rgba(56, 52, 43, 0.25));
}

.npicimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
}
.newslist_rwd:hover .npic {
    transform: translateY(-5px);
}
.newslist_rwd a:hover .npic {
    transform: translateY(-5px);
}

/*ntitle*/
.ntitle {
    text-align: center;
    position: relative;
    margin: 1em 0 .5em 0;
    width: 100%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    padding: 2rem 3.6rem 0 10rem;
}

.ntitle h3 {
    font-size: 30px;
    font-weight: 600;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.ntitle h3 a:first-child{
	position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ntitle hr {
    background: #c6c5c9;
    width: 80px;
    max-width: 100%;
    min-height: 3px;
    margin: 2.5rem auto;
}

.ntitle p {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 18px;
    margin: 0 0 10rem 0;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: left;
    line-height: 1.3;
}

.ntitle p a {
    display: inline-block;
}

.ntitle p a:nth-of-type(1) {
    display: block;
    overflow: hidden;
}

.ntitle .news_more {
    background: #161b1f;
    width: 192px;
    max-width: 100%;
    min-height: 61px;
    padding: 2.4rem 6.7rem;
    margin: 0 auto;
    transition: .5s all;
}

.newslist_rwd:hover .ntitle .news_more {
    background: #6f6e6e;
}

a:hover .ntitle .news_more {
    background: #6f6e6e;
}

a:hover .ntitle .news_more img {
    filter: sepia(1);
}
.newslist_rwd:hover .ntitle{
	color: #5a5856;
}
.newslist_rwd:hover a {
    color: #5a5856;
}

/*page_num*/
.page_num {
    padding: 1em 0;
}

.page_num a {
    display: inline-block;
}

.inews .page_num {
    display: none;
}

@media screen and (max-width:1366px) {
    .ntitle {
        text-align: center;
        padding: 2rem 3.6rem 0 4rem;
    }
}

@media screen and (max-width:1200px) {
    .npic {
        min-height: 450px;
    }

    .ntitle p {
        margin: 0 0 6rem 0;
    }
}

@media(max-width:1000px) {
    .newslist {
        padding: 0 2rem;
    }

    .ntitle {
        padding: 2rem 3rem 0 0;
    }
}

@media(max-width:650px) {
    .newslist_rwd .news_inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .newslist_rwd .news_inner .ntitle {
        width: 90%;
        order: 1;
        padding: 4rem 0rem 0 0;
    }
}

@media(max-width:500px) {
    .npic {
        min-height: 350px;
        width: 95%;
    }
}

@media(max-width:414px) {
    .newslist_rwd .news_inner .ntitle {
        width: 95%;
    }

    .npic {
        min-height: 300px;
                width: 100%;
    }
}

@media(max-width:360px) {
    .npic {
        min-height: 270px;
    }
}

/*medal	*/

.medal {
    position: relative;
}

.medal .med_title {
    text-align: center;
    margin: 0 auto;
}

.container {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 3em;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slider h3 {
    color: #161b1f;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-top: 2.4rem;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    margin: 0 auto;
    -webkit-filter: drop-shadow(2px 2px 7px rgba(4, 0, 0, 0.15));
    filter: drop-shadow(2px 2px 7px rgba(4, 0, 0, 0.15));
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@media screen and (max-width:450px) {
    .container {
        padding-bottom: 1em;
    }

    .slick-initialized .slick-slide {
        text-align: center;
    }

}