@charset "utf-8";

/* ========================================================================

  profile.css

======================================================================== */

/************************************************************************
  .vote-profile
************************************************************************/
.vote-profile header { padding-bottom:0; }
.vote-profile header h1 { margin-bottom:0; }
.vote-profile h2 { font-size:0; }

/* #profile ================== */
.vote-profile #profile { padding:100px 0; }
.vote-profile #profile h2 { margin-bottom:60px; }
.vote-profile #profile article { padding:100px 0 0; display:flex; justify-content:space-around; }

.vote-profile #profile article .pict { order:1; }
.vote-profile #profile article .text { order:2; width:520px; }
.vote-profile #profile article .text p { padding:30px; background-color:#ffffff; border:6px solid #000097; }
.vote-profile #profile .name h3 { text-align:left; }

.vote-profile #profile .manifesto h3, 
.vote-profile #profile .memo h3 { padding:10px 25px 4px; width:300px;background-color:#000097; color:#ffffff; text-align:left; line-height:1; font-size:32px; font-size:3.2rem; clip-path:polygon(0% 100%, 0% 0%, 90% 0%,100% 100%); }

.vote-profile #profile .manifesto .text p, 
.vote-profile #profile .memo .text p { color:#000000; text-align:left; line-height:calc(42/28); font-size:28px; font-size:2.8rem; font-feature-settings:'palt'; word-break:normal; } 
.vote-profile #profile .manifesto .text p small, 
.vote-profile #profile .memo .text p small { font-feature-settings:'palt'; word-break:normal; }

/* .border-top */
.border-top::before { background-color:#ffffff; }
/* .next */
.vote-profile .next { padding:50px 0 0; text-align:right; font-size:28px; font-size:2.8rem; }
.vote-profile .next a::after { content:' >>'; }
/* .next */
.vote-profile .more { padding:0 0 0; font-size: 32px; font-size:3.2rem; }

/* #political-broadcast ================== */
#political-broadcast { padding:90px 0; }
.vote-profile #political-broadcast h2 { margin-bottom:85px; }
.vote-profile #political-broadcast h2::after { width:306px; height:73px; background-image:url('../images/h2_political_broadcast.svg'); }
.vote-profile #political-broadcast h2 img { width:306px; /*height:73px;*/ }
.vote-profile #political-broadcast .movie { margin:auto auto 100px; width:540px; }
/* ============ for high resolution ============ */
@media only screen and (-webkit-min-device-pixel-ratio:2){
}
/* ============ tablet ============ */
@media (max-width:768px){
/* #profile ================== */
.vote-profile #profile h2 img { width:calc(393/768*100vw); }
.vote-profile #political-broadcast h2::after { width:calc(393/768*100vw); height:calc(73/768*100vw); }

.vote-profile #profile article .text { width:calc(420/768*100vw); }
/* #political-broadcast ================== */
.vote-profile #political-broadcast h2 img { width:calc(208/768*100vw); }
.vote-profile #political-broadcast h2::after { width:calc(208/768*100vw); height:calc(50/768*100vw); }
.vote-profile #political-broadcast .sp-only { display:block !important; }
}
/* ============ smart phone ============ */
@media (max-width:750px){

/* #profile ================== */
.vote-profile #profile { padding:calc(80/750*100vw) 0; }
.vote-profile #profile h2 { margin-bottom:calc(50/750*100vw); }
.vote-profile #profile h2 img { width:calc(393/750*100vw); }
.vote-profile #profile article { padding-top:calc(60/750*100vw); }

.vote-profile #profile .name h3 { text-align:left; }
.vote-profile #profile .manifesto h3, 
.vote-profile #profile .memo h3 { padding:calc(10/750*100vw) calc(15/750*100vw) calc(4/750*100vw); width:calc(220/750*100vw); font-size:calc(32/750*100vw); }
.vote-profile #profile article .text { width:calc(400/750*100vw); }
.vote-profile #profile .manifesto .text p, 
.vote-profile #profile .memo .text p { padding:calc(15/750*100vw) calc(20/750*100vw); width:100%; font-size:calc(28/750*100vw); border-width:calc(6/750*100vw); }
/* #political-broadcast ================== */
.vote-profile #political-broadcast { padding:calc(80/750*100vw) 0; }
.vote-profile #political-broadcast h2 { margin-bottom:calc(50/750*100vw); }
.vote-profile #political-broadcast h2 img { width:calc(208/750*100vw); }
.vote-profile #political-broadcast h2::after { width:calc(208/750*100vw); height:calc(50/750*100vw); }
.vote-profile #political-broadcast .movie { margin:0 auto calc(50/750*100vw); width:calc(360/750*100vw); }

/* .next */
.vote-profile .next { padding-top:calc(24/750*100vw); font-size:calc(24/750*100vw); }
/* .next */
.vote-profile .more { font-size:calc(28/750*100vw); }
}
/************************************************************************
  #profile1
************************************************************************/
#profile1 { background-color:#4aa6f1; }

/* ============ tablet ============ */
@media (max-width:768px){
#profile1 #profile .name .pict img { width:calc(237/768*100vw); }
#profile1 #profile .manifesto .pict img { width:calc(227/768*100vw); }
#profile1 #profile .memo .pict img { width:calc(220/768*100vw); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#profile1 #profile .name h3 img { width:calc(326/750*100vw); }
#profile1 #profile .name .pict img { width:calc(237/750*100vw); }
#profile1 #profile .manifesto .pict img { width:calc(227/750*100vw); }
#profile1 #profile .memo .pict img { width:calc(220/750*100vw); }
}
/************************************************************************
  #profile2
************************************************************************/
#profile2 { background-color:#c97cb6; }

#profile2 #profile article .text p { border-color:#8e0097; }
#profile2 #profile .manifesto h3, 
#profile2 #profile .memo h3 { background-color:#8e0097; }

/* ============ tablet ============ */
@media (max-width:768px){
#profile2 #profile .name h3 img { width:calc(341/768*100vw); }
#profile2 #profile .name .pict img { width:calc(237/768*100vw); }
#profile2 #profile .manifesto .pict img { width:calc(227/768*100vw); }
#profile2 #profile .memo .pict img { width:calc(220/768*100vw); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#profile2 #profile .name h3 img { width:calc(341/750*100vw); }
#profile2 #profile .name .pict img { width:calc(237/750*100vw); }
#profile2 #profile .manifesto .pict img { width:calc(227/750*100vw); }
#profile2 #profile .memo .pict img { width:calc(220/750*100vw); }
}
/************************************************************************
  #profile3
************************************************************************/
#profile3 { background-color:#9b5c00; }

#profile3 #profile article .text p { border-color:#5a0000; }
#profile3 #profile .manifesto h3, 
#profile3 #profile .memo h3 { background-color:#5a0000; }
/* ============ tablet ============ */
@media (max-width:768px){
#profile3 #profile .name h3 img { width:calc(213/768*100vw); }
#profile3 #profile .name .pict img { width:calc(237/768*100vw); }
#profile3 #profile .manifesto .pict img { width:calc(232/768*100vw); }
#profile3 #profile .memo .pict img { width:calc(220/768*100vw); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#profile3 #profile .name h3 img { width:calc(213/750*100vw); }
#profile3 #profile .name .pict img { width:calc(237/750*100vw); }
#profile3 #profile .manifesto .pict img { width:calc(232/750*100vw); }
#profile3 #profile .memo .pict img { width:calc(220/750*100vw); }
}
/************************************************************************
  #profile4
************************************************************************/
#profile4 { background-color:#ff6100; }

#profile4 #profile article .text p { border-color:#f19444; }
#profile4 #profile .manifesto h3, 
#profile4 #profile .memo h3 { background-color:#f19444; }

/* ============ tablet ============ */
@media (max-width:768px){
#profile4 #profile .name h3 img { width:calc(215/768*100vw); }
#profile4 #profile .name .pict img { width:calc(226/768*100vw); }
#profile4 #profile .manifesto .pict img { width:calc(208/768*100vw); }
#profile4 #profile .memo .pict img { width:calc(220/768*100vw); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#profile4 #profile .name h3 img { width:calc(215/750*100vw); }
#profile4 #profile .name .pict img { width:calc(226/750*100vw); }
#profile4 #profile .manifesto .pict img { width:calc(208/750*100vw); }
#profile4 #profile .memo .pict img { width:calc(220/750*100vw); }
}
/************************************************************************
  #profile5
************************************************************************/
#profile5 { background-color:#238700; }

#profile5 #profile article .text p { border-color:#73a177; }
#profile5 #profile .manifesto h3, 
#profile5 #profile .memo h3 { background-color:#73a177; }

/* ============ tablet ============ */
@media (max-width:768px){
#profile5 #profile .name h3 img { width:calc(268/768*100vw); }
#profile5 #profile .name .pict img { width:calc(224/768*100vw); }
#profile5 #profile .manifesto .pict img { width:calc(208/768*100vw); }
#profile5 #profile .memo .pict img { width:calc(220/768*100vw); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#profile5 #profile .name h3 img { width:calc(268/750*100vw); }
#profile5 #profile .name .pict img { width:calc(224/750*100vw); }
#profile5 #profile .manifesto .pict img { width:calc(208/750*100vw); }
#profile5 #profile .memo .pict img { width:calc(220/750*100vw); }
}
/************************************************************************
  #profile6
************************************************************************/
#profile6 { background-color:#d2c846; }

#profile6 #profile article .text p { border-color:#6ec846; }
#profile6 #profile .manifesto h3, 
#profile6 #profile .memo h3 { background-color:#6ec846; }

/* ============ tablet ============ */
@media (max-width:768px){
#profile6 #profile .name h3 img { width:calc(273/768*100vw); }
#profile6 #profile .name .pict img { width:calc(246/768*100vw); }
#profile6 #profile .manifesto .pict img { width:calc(248/768*100vw); }
#profile6 #profile .memo .pict img { width:calc(220/768*100vw); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#profile6 #profile .name h3 img { width:calc(273/750*100vw); }
#profile6 #profile .name .pict img { width:calc(246/750*100vw); }
#profile6 #profile .manifesto .pict img { width:calc(248/750*100vw); }
#profile6 #profile .memo .pict img { width:calc(220/750*100vw); }
}
/************************************************************************
  #profile7
************************************************************************/
#profile7 { background-color:#bf6a6a; }

#profile7 #profile article .text p { border-color:#ac0000; }
#profile7 #profile .manifesto h3, 
#profile7 #profile .memo h3 { background-color:#ac0000; }

/* ============ tablet ============ */
@media (max-width:768px){
#profile7 #profile .name h3 img { width:calc(218/768*100vw); }
#profile7 #profile .name .pict img { width:calc(236/768*100vw); }
#profile7 #profile .manifesto .pict img { width:calc(185/768*100vw); }
#profile7 #profile .memo .pict img { width:calc(220/768*100vw); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#profile7 #profile .name h3 img { width:calc(218/750*100vw); }
#profile7 #profile .name .pict img { width:calc(236/750*100vw); }
#profile7 #profile .manifesto .pict img { width:calc(185/750*100vw); }
#profile7 #profile .memo .pict img { width:calc(220/750*100vw); }
}
/************************************************************************
  #profile８
************************************************************************/
#profile8 { background-color:#40beff; }

#profile8 #profile article .text p { border-color:#00eaff; }
#profile8 #profile .manifesto h3, 
#profile8 #profile .memo h3 { background-color:#00eaff; }

/* ============ tablet ============ */
@media (max-width:768px){
#profile8 #profile .name h3 img { width:calc(347/768*100vw); }
#profile8 #profile .name .pict img { width:calc(197/768*100vw); }
#profile8 #profile .manifesto .pict img { width:calc(196/768*100vw); }
#profile8 #profile .memo .pict img { width:calc(220/768*100vw); }
}
/* ============ smart phone ============ */
@media (max-width:750px){
#profile8 #profile .name h3 img { width:calc(347/750*100vw); }
#profile8 #profile .name .pict img { width:calc(197/750*100vw); }
#profile8 #profile .manifesto .pict img { width:calc(196/750*100vw); }
#profile8 #profile .memo .pict img { width:calc(220/750*100vw); }
}