/*
 Theme Name:   GeneratePress Child2
 Theme URI:    https://generatepress.com
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
box-sizing: border-box!important;
}
input, select, textarea {
font-family : inherit;
font-size: 100%;
}
.clearfix::after{
content: "";
display: block;
clear: both;
}
.clear{
clear:both;
}
body {
background-color: #ffffff;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
font-feature-settings: "palt";
width: auto;
margin: 0 auto;
}
a {
color:#333333;
text-decoration:none;
}
a:hover {
text-decoration:underline;
opacity: 0.7;
}
img {
max-width: 100%;
height: auto;
}
.wrapper {
width:100%;
max-width:1367px;
margin:0 auto;
position:relative;
}

.fbase,.fbase_f {
display:flex;
flex-wrap:wrap;
}
.fcell2 {
width:50%;
padding: 50px;
}
.fcell3 {
width:33%;
}
.fcell4 {
width:25%;
}
.fcell5 {
width:20%;
}

a:hover{ position:relative;top:3px ;left:3px; }

#v00
header{
padding-top: 10px;
}
header img,footer img{
width: 95%;
max-width: 250px;
height: auto;
}
#nav{
font-size: 16px;
color: #2361AC!important;
font-weight: bold;
padding: 15px 10px 15px 60px;
display:flex;
align-items:center;
}
#nav_wrap{
width:auto;
border-bottom: solid 5px #bcbace;
margin-bottom: 20px;
}
#v01{
margin-left: 50px;
}
#v01 img{
max-width: 55px!important;
height: auto!important;
}
article{
padding-top: 10px;
}
h2.v02{
color: #E90D0D;
font-size: 40px;
font-weight: bold;
}
h3.v02{
color: #2361AC;
font-size: 30px;
font-weight: bold;
background: none;
border: none;
}
#v05{
background: #D0EBFF;
padding: 20px;
margin: 30px auto;
max-width: 1024px;
}
#v05 h3{
display: block;
width: 100%;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #FF3228;
background: none;
border: none;
padding: 0;
margin: 0;
}
#v05 h3 span{
font-weight: bold;
color: #1F63AE;
margin-left: 0.5em;
}
#v05_b01{
position: relative;
display: block;
margin: 10px 0 10px auto;
padding: 7px 3px 5px 10px;
width: 6em;
color: #fff;
background: #2462AD;
font-weight: bold;
}
#v05_b01::after {
position: absolute;
content: '';
width: 0;
height: 0;
border: solid 6px transparent;
border-left: solid 8px #fff;
top: 50%;
right: 5px;
margin-top: -5px;
}
.whatsnew{
display: block;
margin: 5px auto!important;
}
img.v05_a01{
width: 100%;
height: auto;
}
.whatsnew h3{
display: none!important;
}
#v06{
padding: 10px 0;
text-align: center;
}
#v06 img{
width:80%;
max-width: 1024px;
height: auto;
}
#v07{
background: #2361AC;
padding: 10px;
color: #fff;
font-size: 25px;
font-weight: bold;
text-align: center;
margin: 30px 0;
cursor: pointer;
}
#v07_b01{
display: inline-block;
margin-left: 3em;
width: 20px;
height: 20px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
-webkit-transform: rotate(-45deg) translateY(12px);
transform: rotate(-45deg) translateY(12px);
}
footer{
color: #2361AC;
}
footer p{
font-weight: bold;
}
footer span{
font-size: 120%;
font-weight: bold;
margin-right: 1em;
}
.footer_sidebar{
border-left: 2px solid #2361AC;
}
.footer_sidebar aside{
padding-left: 1em;
}
.footer_sidebar > aside > p{
display: flex;
flex-wrap:wrap;
width: 100%;
}
.footer_sidebar > aside > p > a{
color: #2361AC;
font-weight: bold;
display: block;
width: 50%;
}
#footer_copy{
background: #2361AC;
height: 70px;
padding-top: 10px;
color: #fff;
font-size: 13px;
text-align: center;
margin-top: 30px;
}

@media screen and (max-width: 1367px){
.wrapper {
width:98%;
}
}

@media screen and (max-width: 768px){
.fbase div.fcell4 {
width:50%;
}
.fbase div.fcell5 {
width:33%;
}
.is-logo-image{
display: none!important;
}
#v00{
border-top: solid 10px #E70012;
}
#nav{
display:block;
padding: 5px;
display:block;
}
#nav_wrap{
border-bottom: solid 3px #2361AC;
}
#v01{
width: 100%;
text-align: center;
margin-left: 0;
}
h2.v02{
font-size: 20px;
}
h3.v02{
font-size: 20px;
}
.whatsnew{
width:90%!important;
}
#v07{
font-size: 15px;
}
.footer_sidebar aside > p > a{
width: 100%;
}
}

@media screen and (max-width: 480px){
.fbase {
display:block;
}
.fbase div.fcell2 {
width:100%;
}
.fbase div.fcell3 {
width:100%;
}
.fbase div.fcell4 {
width:100%;
}
.fbase div.fcell5 {
width:100%;
}
h2.v02{
font-size: 20px;
}
h3.v02{
font-size: 15px;
text-align: justify;
}
#v05 h3{
font-size: 20px;
}
#v07{
font-size: 15px;
}
.footer_sidebar{
border-left: none;
}
}



/*スライダー*/
.swiper{
width: auto;
}
.swiper-slide img{
width: 100%;
height: auto;
}
#slide01{
position: relative;
height: auto;
text-shadow:
 3px 3px 3px #fff, -3px -3px 3px #fff,
-3px 3px 3px #fff,  3px -3px 3px #fff;
}
#slide01 > img{
z-index: 10;
}
#slide01 > h2{
position: absolute;
display: block;
z-index: 50;
top:25%;
left:7%;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
color: #232347!important;
font-size: 6vw!important;
font-weight: bold;
}
#slide01 > h3{
position: absolute;
display: block;
z-index: 50;
top:60%;
left:30%;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
color: #232347!important;
font-size: 2.4vw!important;
}
#slide02{
position: relative;
height: auto;
}
#slide02 > img{
z-index: 10;
}
#slide02 > h2{
position: absolute;
display: block!important;
width: 100%;
z-index: 50;
top:10%;
left:20%;
font-size: 4.2vw;
}
#slide02 > h2 > span{
display: block;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
font-weight: bold!important;
color: #3A3A5E!important;
}
#slide02 > h2 > span:nth-child(2){
color: #E0407E!important;
padding-left: 10%;
}
#slide02 > h2 > span:nth-child(3){
padding-left: 20%;
}
#slide02 > h3{
position: absolute;
display: block;
z-index: 50;
top:73%;
left:22%;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
font-size: 2.5vw!important;
font-weight: bold;
color: #fff;
}
#slide02 > a{
position: absolute;
display: block;
z-index: 50;
top:86%;
left:34%;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
font-size: 2.5vw!important;
color: #3A3A5E!important;
text-decoration: none;
font-weight: bold;
}
#slide03{
position: relative;
height: auto;
}
#slide03 > img{
z-index: 10;
}
#slide03 > h2{
position: absolute;
display: block;
z-index: 50;
top:7%;
left:5%;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
color: #073E67!important;
font-size: 4.5vw;
color: #fff!important;
text-shadow:
 3px 3px 3px #073E67, -3px -3px 3px #073E67,
-3px 3px 3px #073E67,  3px -3px 3px #073E67;
font-weight: bold;
}
#slide03 > h3{
position: absolute;
display: block;
z-index: 50;
top:67%;
left:7%;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
color: #073E67!important;
font-size: 3vw;
font-weight: bold;
color: #fff;
}
#slide03 > p{
position: absolute;
display: block;
z-index: 50;
bottom:4.5%;
top:80%;
left:7%;
font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
color: #073E67!important;
font-size: 1.3vw;
font-weight: bold;
line-height: 1.1;
}
@media screen and (max-width: 1400px) {
#slide01 > h2{
top:25%;
left:7%;
font-size: 7vw!important;
}
#slide01 > h3{
top:60%;
left:30%;
font-size: 3vw!important;
}
#slide02 > h2{
top:10%;
left:20%;
font-size: 5vw;
}
#slide02 > h3{
top:73%;
left:22%;
font-size: 3.5vw!important;
}
#slide02 > a{
top:86%;
left:34%;
font-size: 3vw!important;
}
#slide03 > h2{
top:7%;
left:5%;
font-size: 5.5vw;
}
#slide03 > h3{
top:68%;
left:7%;
font-size: 3.5vw;
}
#slide03 > p{
top:80%;
left:7%;
font-size: 2vw;
}
}

@media screen and (max-width: 480px) {
#slide02 > a{
top:84%;
}
#slide03 > h3{
top:67%;
left:2%;
}
#slide03 > p{
left:2%;
font-size: 1vw;
}
}

@media screen and (max-width: 400px) {
#slide03 > p > br{
display:none;
}
}


/* スマホには適用しない */
@media (min-width: 768px) {

.wpcf7-form-control.form-control {
width: auto;
}

/* フォームを中央に配置 */
.wpcf7-form {
max-width: 680px;
margin-left:auto;
margin-right:auto;
}

}


/*231114144456*/
.nav_wrap_231114144456{
width:100%;
display:flex;
align-content:stretch;
}
.nav_231114144456{
width:85%;
display:flex;
padding:20px 5px 5px 10px;
margin:0;
border-bottom: 3px solid;
border-image: linear-gradient(to right,#0B9961,#155B7D) 1;
}
.nav_231114144456 nav{
background:none!important;
}
.v01_231114144456{
width:15%;
min-width:250px;
background: #155B7D;
color: #fff;
border-bottom: 3px solid #155B7D;
}
.v01_231114144456 a{
display:block;
width:100%;
height:100%;
padding:10px 5px 0 5px;
color: #fff;
text-align:center;
}
.index_main_231114144456_a{
position:relative;
width:100%;
max-width:1280px;
height:55vw;
max-height:calc(1280px * 0.5 );
margin:-20px auto 0 auto;
background-image: url(https://celltechnos.co.jp/wp-content/uploads/CTHP_main_art02.png);  
background-repeat: no-repeat;
background-size: contain;
z-index:10;
}
.index_main_231114144456_a img{
width:100%;
height:auto;
}
#index_main_art_b{
position:absolute;
top:0;
left:0;
}
#index_main_art_logo{
position:absolute;
top:11%;
left: calc(50% - 10%);
width:12%;
margin:1% auto 0 auto;
transform-style: preserve-3d;
transform: perspective(500px);
transition: transform 0.2s ease 0s;
}
#index_main_art_logo:hover{
transform:translate(0, -10%) ;
}
#index_main_art_logo img{
display:block;
animation-name: animelogo;
animation-duration: 5s;
animation-delay: 0.5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction:alternate;
}
@keyframes animelogo {  
25% { transform:rotateY(0.5turn);}  
50% { transform:rotateY(1turn);}  
75% { transform:rotateY(1.5turn);}  
100% { transform:rotateY(2turn);}  
}
.index_main_art_link{
display:block;
width:12%;
position:absolute;
}
#index_main_art_link01{
left:15%;
top:10%;
}
#index_main_art_link02{
left:10%;
top:40%;
}
#index_main_art_link03{
left:15%;
top:70%;
}
#index_main_art_link04{
left:75%;
top:10%;
}
#index_main_art_link05{
left:75%;
top:65%;
}
#index_main_art_h{
position:absolute;
left: calc(50% - 19%);
width:12%;
top:40%;
width:30%;
text-align:center;
}
@keyframes index_main_art_h_fadeIn { 0% {opacity: 0} 100% {opacity: 1} } 

.index_posts_231114144456{
width:100%;
background:#ffffff;
padding:10px 30px;
margin-top:10px;
}
.index_posts_231114144456_a{
display:flex;
justify-content: space-around;
align-items:center;
width:100%;
max-width:1280px;
margin:0 auto;
}
.index_posts_231114144456_a div{
width:18%;
}
.index_posts_231114144456_a img{
display:block;
width:100%;
height:auto;
}

@media screen and (max-width: 1280px) {
.nav_wrap_231114144456{
display:block;
}
.nav_231114144456{
width:100%;
border-bottom: none;
}
.v01_231114144456{
width:100%;
border-bottom: none;
}
.v01_231114144456 a{
height:auto;
padding:5px;
}
.pcbr{
display:none;
}
.index_main_231114144456_a{
margin-top:5px;
}
#index_main_art_h{
font-size:3rem;
}
}
@media screen and (max-width: 768px) {
.index_main_art_link{
width:15%;
}
.index_posts_231114144456_a{
justify-content:center;
flex-wrap:wrap;
}
.index_posts_231114144456_a div{
width:100%;
margin:5px 0;
}
#index_main_art_h{
font-size:2rem;
}
}
@media screen and (max-width: 480px) {
#index_main_art_h{
font-size:1.5rem;
}
}

.grecaptcha-badge{
margin-bottom: 100px;
}

.nav_wrap_231114144456{
position:fixed;
top:0;
background:#fff;
z-index:100;
}
.menu-toggle{
position:fixed;
top:5px;
right:0;
z-index:130;
}
.page-hero,.index_main_231114144456_a{
margin-top:75px;
}
@media screen and (max-width: 1280px) {
.page-hero,.index_main_231114144456_a{
margin-top:105px;
}
}
@media screen and (max-width: 768px) {
.page-hero,.index_main_231114144456_a{
margin-top:115px;
}
}
.breadcrumb {
  list-style: none;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 0.5em;
}

.breadcrumb li + li::before {
  content: ">";
  padding: 0 0.5em;
  color: #999;
}

.breadcrumb li a {
  text-decoration: none;
  color: #0073aa;
}