@charset "UTF-8";

/* PCでは非表示 */
.pc_no {
display: none;
}




/* -------------------------- */
/* --------flexbox PC-------- */
/* -------------------------- */
.flex_pc {
display: -moz-box;
/* Fx用 */
display: -webkit-box;
/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*折り返しても*/
justify-content: space-between;
}



header {
width: 100%;
background: #fff;
padding: 25px 0;
}

.header_content {
width: 800px;
margin: 0 auto;
vertical-align: middle;
}

.header_content .header_item01 {
width: 190px;
}

.header_content .header_item02 {
width: 30px;
}

.header_content .header_item03 {
width: 220px;
}

.header_content img {
vertical-align: middle;
display: inline-block;
}

header h2 {
padding: 3px 10px 0 10px;
display: inline-block;
background: #e6211a;
color: #fff;
font-size: 1.2rem;
}


.top {
width: 100%;
max-width: 1400px;
margin: 0 auto;
height: 660px;
background: url("../img/blur.png"), url("../img/top_bg.png");
background-position: bottom, center;
background-repeat: no-repeat, no-repeat;
background-size: contain, cover;
}

.top_content {
width: 800px;
margin: 0 auto;
position: relative;
}

.top_content h1 img {
position: absolute;
top: 30px;
left: 0;
min-width: 510px;
width: 600px;
}


.top_content img:nth-child(2) {
position: absolute;
top: 100px;
right: 0;
width: 240px;
}



.content_bg {
background: url("../common/img/bg.png");
}

.content {
width: 800px;
margin: 0 auto;
transform: translateY(-100px);
font-feature-settings: "palt";
letter-spacing: 1.5px;
}

.speaker_item01 {
width: 10%;
}

.speaker_item02 {
width: 82%;
}

.speaker_item02 div {
width: 31.33%;
margin: 0 0 30px 0;
}

.speaker_item02 div img {
width: 120px;
margin: 0 0 15px 0;
}

.speaker_item02 div h2 {
font-size: 0.9rem;
}

.speaker_item02 div h2 span {
font-size: 1.1rem;
}

.speaker p {
font-size: 0.9rem;
margin: 0 0 90px 0;
}

.details {
width: 100%;
position: relative;
margin: 0 0 0px 0;
}

.details img {
position: absolute;
bottom: 0px;
left: -20px;
width: 200px;
}


.details_item01 {
width: 100%;
box-sizing: border-box;
background: #f0ede5;
border: 2px solid #351f1b;
border-radius: 5px 5px 0px 0px;
padding: 15px 15px 15px 200px
}

.details_item01 p {
font-size: 0.9rem;
}


.details_item02 P {
background: #351f1b;
color: #fff;
text-align: center;
font-size: 0.9rem;
border-radius: 0px 0px 5px 5px;
padding: 5px 0 5px 120px;
}

.cv {
background: url("../common/img/cv.png") no-repeat;
background-size: 100% 100%;
background-position: center;
width: 300px;
padding: 10px 0;
margin: 60px auto;
display: block;
text-align: center;
font-family: "Ryumin Regular KL", "serif";
color: #fff;
font-size: 2rem;
transition: 0.3s ease-in;
}

.cv:hover {
opacity: 0.8;
}


.watch img {
width: 124px;
display: block;
}

.watch p {
width: 620px;
padding: 10px 15px 5px 15px;
border: 2px solid #231815;
border-radius: 5px;
}

.disclaimer {
margin: 30px 0 0 0;
}

.disclaimer h2,
.disclaimer p {
font-size: 0.9rem;
}



footer{
width: 800px;
margin: 0 auto;
border-top: 1px dotted;
padding-top: 30px;
}
footer div{margin-bottom: 30px;}
footer .flex_bet{align-items: flex-start;}
footer h2{width: 10%; font-size: 0.9rem;}
footer img{width: 25%;}
footer p{width: 60%;}