/*
Theme Name: Caremina
Theme URI: https://caremina.jp/
Author: Yu
Author URI: https://caremina.jp/
Description: キャリミナLP用のオリジナルテーマ
Version: 1.0
*/

@charset "UTF-8";
div.wpcf7 .wpcf7-spinner {
    display: block;
}

.wpcf7 input[name="your-name"] { /* 名前入力欄 */
 width: 100%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
 width: 100%;
}
.wpcf7 input[name="your-shop"] { /* メール入力欄 */
 width: 100%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
 width: 100%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
 width: 100%;
}

body{
	font-family: "Noto Sans JP", sans-serif;
}
h2{
    font-weight: 400;
    font-style: normal;
	font-size: 40px;
	text-align: center;
	color: #1893C9;
}

.privacy h2{
	font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif, FontAwesome;
}

storng{
	font-weight: bold;
}

a{
	color: #000;
}

a:hover{
	color: #1893C9 !important;
}

a:hover img{
	opacity: 0.5; /* 透明度を設定 */
  -moz-opacity: 0.5; /* Firefoxの旧仕様をサポート */
  filter: alpha(opacity=50); /* IE用 */
}

blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    content: "“";
    font-family: sans-serif;
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}
blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

header .nav-link{
	font-weight: bold;
}

header .nav-link:hover{
	color: #2E8577;
}

header .breadcrumbs-wrap{
	padding: 5px 0px;
	text-align: left;
	font-size: 14px;
	
}

a.btn{
	display: inline-block;
	padding: 9px 0;
	width: 170px;
	border: 1px #1893C9 solid;
	text-align: center;
	background: #1893C9;
	color: #FFFFFF;
	letter-spacing: 2px;
	font-size: 14px;
	line-height: 18px;
}

a.btn:hover{
	background: #FFFFFF;
	color: #1893C9;
	border: 1px #1893C9 solid;
}

/*  トップページ　　*/

.top-about{
	background-color: rgb(248 249 250);
	text-align: center;
	padding: 50px 0;
}

.top-about .sp{
		display: none;
	}

@media only screen and (max-width: 992px) {
	.top-about .sp{
		display: block;
	}
}

.top-about h1{
	font-size: 24px;
	font-weight: bold;
}

.top-about p{
	margin: 0;
}

.image-wrapper{
	position: relative;
 	display: inline-block;
}

.image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

.company_name {
  position: absolute;
  bottom: 40px;
  left: 0px;
  background-color: #1893C9; /* 半透明の黒背景 */
  color: white;
  padding: 4px 8px;
  font-size: 14px;
}

.person_name {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #ffffff; /* 半透明の黒背景 */
  color: #1893C9;
  padding: 4px 8px;
  font-size: 26px;
  line-height: 26px;
}

@media only screen and (max-width: 992px) {
	.publish-date {
		font-size: 10px;
	}
}
.blog-list img{
	width: 100%;
	height: auto;
  	display: block;
}


.top-topics{
    background-color: rgb(248 249 250);
}

.info{
	text-align: left;
	margin: 15px 0;
}

.info .date{
	display: inline-block;
	background: #000;
	color: #FFF;
	padding: 3px 15px;
	font-size: 10px;
	border-radius: 2px;
	margin: 0;
}

.info .category{
	display: inline-block;
	font-size: 12px;
	padding: 2px 0;
	margin: 0;
}

.info h3{
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

.wp-pagenavi {
	margin: 40px auto;
	font-size: 12px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2E8577;
}
.wp-pagenavi a {
    color: #77a0d1;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page {
	margin: 0 10px 0 0;
	border: solid 1px #eee;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
	justify-content: center;
	display: flex;
	align-items: center;
	transition: .3s;
}
.wp-pagenavi span.current {
    border: none;
    background: #2E8577;
    color: #fff;
}
.wp-pagenavi a.page {
	background: none;
}
.wp-pagenavi a.page:hover {
    background: #2E8577;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    display: none;
}


/*snap-interview*/

.video-wrapper-vertical {
  position: relative;
  width: 100%;
  padding-top: 177.78%; /* 16:9 = 56.25%、9:16 = 177.78% */
  overflow: hidden;
}

.video-wrapper-vertical iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.title{
	text-align: center;
	position: relative;
}

.title span.category{
  font-weight: 400;
  font-style: normal;
	font-size: 40px;
	text-align: center;
	color: #1893C9;
}

.title::after {
  	content: "";
  	position: absolute;
  	left: 50%;
  	bottom: 0;
  	transform: translateX(-50%);
  	width: 80px; /* 線の長さを調整 */
  	height: 3px; /* 線の太さ */
  	background-color: #1893C9; /* 好きな色に変更可 */
  	border-radius: 2px;
}


.interview-single .fix{
	position: sticky;
	top: 0px;
	padding: 20px 0 0;
}

.interview-single .nextlink{
	margin: 20px 0;
}

.interview-single a{
	width: auto;
	padding: 10px;
}

.interview-single h2{
	text-align: left;
	font-size: 28px;
	font-weight: bold;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 20px;
}

.interview-single dl {
  background: #ffffff;
  padding: 0.7em 1.5em;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	margin-bottom: 5px;
}

.interview-single dt{
	font-size: 14px;
	color: #1893C9;
	padding: 2px 10px;
	font-weight: bold;
	letter-spacing: 2px;
	 position: relative;
}

.interview-single dt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #1893C9;
  border-radius: 2px;
}

.interview-single dd{
	font-size: 16px;
	padding: 2px 10px;
	margin: 0;
	letter-spacing: 1px;
}

.interview-single dd.text{
	font-size: 14px;
}

.profile{
	text-align: left;
	padding: 0 20px 20px;
	background-color: rgb(248 249 250);
	font-size: 12px;
}

.profile .outfit_point,.profile .name{
	font-weight: bold;
	font-size: 16px;
}

/*aboutページ*/

.fix-about{
	text-align: left;
}

.fix-about h2{
	text-align: left;
	font-size: 20px;
}


/*single news*/

.news-contents{
	text-align: left;
}

.news-contents h1.pagetitle{
	font-size: 22px;
	border-bottom: 3px #000000 solid;
	border-top: 3px #000000 solid;
	padding: 20px 0;
	font-weight: bold;
	margin-bottom: 30px;
}

.news-contents .contents h2{
	margin-bottom: 20px;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	border-bottom: 2px #000000 solid;
	border-top: 1px #000000 solid;
	margin-top: 20px;
	background-color:#FAFAFA;
}

.news-contents .contents h3{
	margin-bottom: 20px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px #000000 solid;
	border-left: 5px #000000 solid;
}

.news-contents .contents p{
	margin-bottom: 30px;
	line-height: 30px;
}

.news-contents .contents li{
	margin: 10px 0;
}

.news-contents .contents p.photo_under{
	color: #515151;
	font-size: 14px;
}

.wp-block-table thead{
	border-width: 0px !important;
}

.news-contents .contents th{
	background: #2E8577;
	color: #ffffff;
	border:1px #000000 solid;
}

.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 20px;
}
.video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


footer{
	padding: 50px 0 0;
	border-top: 1px solid #D9D9D9;
}

footer .footer_link ul{
	padding: 0;
	margin: 0;
}

footer .footer_link li{
	display: inline-block;
	padding: 5px;
}

footer .copy{
	margin-top: 50px;
	border-top: 1px solid #D9D9D9;
	padding: 20px 0;
}

footer .copy p{
	margin: 0;
}