@charset "utf-8";
/*=============================================

目次

・共通装飾

・2カラムデザイン

・汎用固定ページ
　・さぁ、今すぐお問い合わせください
　・24時間対応のお問い合わせボタン

・ブログ記事ページ
　・次と前の記事のリンク

・サイドバー
・フッター

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

/*-------------------------------------------

　共通装飾

-------------------------------------------*/

/* シンプルなtable */
table.normal tr th {
	font-weight:normal;
}

/* 画像2枚を大き目画面の場合横並び、小さい画面のとき縦並びにする */
@media screen and (max-width:768px){
ul.column2 li:first-child {
	margin-bottom:2rem;
}
}

@media screen and (min-width:769px){
ul.column2 {
	display:flex;
	justify-content:space-between;
	width:100%;
}

ul.column2 li {
	width:calc((100% - 2rem) / 2);
}
}

/* 下にマージン3remとる */
.marginbottom3rem {
	margin-bottom:3rem;
}

.theme2024 article.general { /* 左右に余白をつくって中央揃え */
	margin:0 auto;
	width: calc(100% - 1.6rem);
}

@media screen and (min-width:769px){
.theme2024 article.general {
	width: calc(100% - 6rem);
}
}

/*-------------------------------------------

　お問い合わせ用ヘッダー2024

-------------------------------------------*/
.theme2024 .inquiry .logo {
	margin:0 auto;
}

/*-------------------------------------------

　2カラムデザイン

-------------------------------------------*/
@media screen and (max-width:768px){
	main.column2 {
	width:calc(100% - 1.6rem);
	margin:0 auto 2rem;
}
}

@media screen and (min-width:769px){
main.column2 {
	width:calc(980px + 1rem);
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}

main.column2 article {
	width:745px;
}
}



/*-------------------------------------------

　個人情報保護方針

-------------------------------------------*/
.privacypolicy h2,
.privacypolicy h3 {
	font-size:1rem;
	margin-top:1.5rem;
}

.privacypolicy ul {
	list-style:disc;
	padding-left:2.5rem; 
}

/* 責任者・制定日 */
div.policy-details {
	margin-top:1.5rem;
}

/*-------------------------------------------

　汎用固定ページ

-------------------------------------------*/
main.page article section {
	margin-bottom:0.8rem;
}

main.page article h1,
main.page article h2 {
	border:solid 1px #DDD;
	border-left:solid 0.5rem #FF3366;
	border-radius:5px;
	box-sizing:border-box;
	background-color:#FFF;
	margin-bottom:0.8rem;
	padding:0.3rem 0.5rem;
	font-size:1.2rem;
}

main.page article > h3 {
	font-size:1rem;
}

@media screen and (max-width:768px){
main.page article > p {
	margin:0.8rem 0 1rem;
}
}

@media screen and (min-width:769px){
main.page article section {
	margin-bottom:1rem;
}

main.page article h1,
main.page article h2 {
	padding:0.7rem;
	margin-bottom:1.5rem;
}

main.page article > p {
	margin:1rem 0 2rem;
}
}

/*-------------------------------------------

　シングルページ

-------------------------------------------*/
@media screen and (max-width:768px){
main#single article h1 {
	background-color:#FFF;
	margin-bottom:0.5rem;
	padding:0.3rem 0.5rem;
	font-size:1rem;
}

main#single article h4 {
	font-weight:normal;
	margin-bottom:0.8rem;
}

main#single article p {
	font-size:0.8rem;
}
}

/*-------------------------------------------

　ブログ記事ページ

-------------------------------------------*/

/* ライター紹介
-------------------------------------------*/
section#writer {
	margin-top:3rem;
}

section#writer h4 {
	display:inline-block;
	position: relative;
  padding:0.6rem 1.5rem;
  background: #e0edff;
	border-radius:0.5rem;
}

section#writer h4:after {
  position: absolute;
  content: '';
  top: 100%;
  left:2.5rem;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

section#writer ul {
	display:flex;
	padding:1.3rem;
}

section#writer ul li:first-child {
	margin-right:1rem;
}

section#writer ul li img {
	width:70px;
	height:auto;
}

section#writer ul li h5 {
	margin-bottom:0.2rem;
}

section#writer ul li p {
	font-size:smaller;
}

/* 次と前の記事のリンク
-------------------------------------------*/
aside#otherpage {
	margin-top:3rem;
}

aside#otherpage ul {
	display:flex;
	justify-content:space-between;
}

aside#otherpage ul li {
	background-color:#FFF;
	border:solid 1px #DDD;
	box-sizing:border-box;
	width:calc(50% - 0.5rem);
	padding:1rem;
}

aside#otherpage ul li a {
	display:flex;
	color:#000;
	text-decoration:none;
}

aside#otherpage ul li a figure {
	width:calc(40% - 1rem);
	margin-right:1rem;
}

aside#otherpage ul li a div {
	width:60%;
}

/*-------------------------------------------

　サイドバー

-------------------------------------------*/
@media screen and (max-width:768px){
aside.sidebar {
	margin-top:4rem;
}

aside.sidebar ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

aside.sidebar ul li {
	width:calc(50% - 0.4rem);
	margin-bottom:0.8rem;
}

aside.sidebar ul li img {
	width:100%;
}
}


@media screen and (min-width:769px){
aside.sidebar {
	width:235px;
}

aside.sidebar ul li {
	margin-bottom:1rem;
}

aside.sidebar img {
	max-width:100%;
}
}

/*-------------------------------------------

　フッター

-------------------------------------------*/
.footer {
	margin-top:0.8rem;
	background-color:#2B5AA2;
	padding:2rem 1rem;
}

.footer address {
	color:#FFF;
	font-size:0.9rem;
}

.footer a {
	color:#FFF;
}

@media screen and (min-width:769px){
.footer {
	margin-top:3rem;
	display:flex;
	justify-content:space-between;
	padding:1rem 10%;
}
}

/*-------------------------------------------

　最下部ピックアップコンテンツ2024

-------------------------------------------*/
.theme2024 .pickup {
	width: calc(100% - 1.6rem);
	margin:auto auto 0;
}

.theme2024 .pickup h2 {
	text-align:center;
	margin:2rem 0;
	font-family: 'Josefin Sans', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight:normal;
	font-size:2rem;
	color:#999;
}

.theme2024 .pickup ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:2rem;
}

.theme2024 .pickup ul li {
	width:calc((100% - 2rem) / 2);
	margin-bottom:2rem;
}

.theme2024 .pickup ul li img {
	width:100%;
}

@media screen and (min-width:769px){
.theme2024 .pickup {
	width:calc(100% - 6rem);
}

.theme2024 .pickup ul li {
	width:calc((100% - 4rem) / 3);
}
}

/*-------------------------------------------

　フッター2024

-------------------------------------------*/
.footer2024 {
	border-top:solid 1px #CCC;
	margin:2rem auto 0;
	color:#666;
}

@media screen and (max-width:768px){
.footer2024 {
	width: calc(100% - 1.6rem);
	padding:3rem 0 2rem;
}
}

@media screen and (min-width:769px){
.footer2024 {
	width:calc(100% - 4rem);
	padding:1.5rem 0;
}
}

/* フッターナビゲーション
-------------------------------------------*/
.footer2024 nav ul.footer-nav li {
	line-height:1rem;
	height:1rem;
}

.footer2024 nav ul.footer-nav li a {
	color:#333;
	text-decoration:none;
}

/* コピーライト */
.footer2024 .copyright {
	font-size:0.7rem;
	margin-top:1.5rem;
}

@media screen and (max-width:768px){
.footer2024 nav ul.footer-nav {
	margin-bottom:3rem;
}

.footer2024 nav ul.footer-nav li {
	text-align:center;
}

.footer2024 nav ul.footer-nav li:not(:first-child) {
	margin-top:1.5rem;
}

.footer2024 nav ul.sns {
	display:flex;
	justify-content:center;
}

.footer2024 nav ul.sns li {
	margin:0 1.5rem;
}

/* コピーライト */
.footer2024 .copyright {
	text-align:center;
}
}

@media screen and (min-width:769px){
.footer2024 nav {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.footer2024 nav ul {
	display:flex;
}

.footer2024 nav ul.footer-nav li {
	font-size:0.9rem;
}

.footer2024 nav ul.footer-nav li:first-child {
	padding-right:1rem;
}

.footer2024 nav ul.footer-nav li:not(:first-child) {
	border-left:solid 1px #666;
	padding:0 1rem;
}

.footer2024 nav ul.sns li:not(:last-child) {
	margin-right:1.5rem;
}

/* コピーライト */
.footer2024 .copyright {
	font-size:0.8rem;
}
}

/*-------------------------------------------

　お問い合わせ用フッター2024

-------------------------------------------*/
/* コピーライト */
.footer2024 .copyright_inquiry {
	text-align:center;
	font-size:0.9rem;
}