@charset "utf-8";
/*
Theme Name: Ishii Mtsuko Official Site
Theme URI: http://www.ishiimitsuko.net/
Description: 石井苗子オフィシャルサイト用テーマ
Author: Nakashima
*/

/* 基本要素
---------------------------------------------------- */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, address, form {
	padding: 0;
	margin: 0;
	color: #252525;
	font-style: normal;
	font-weight: normal;
	line-height: 1.8;
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
}
ul, ol {
	list-style-type: none;
}
img {
	vertical-align: bottom;
}
a {
	color: #008fbf;
}
a img {
	border: none;
}
.section {
	margin-bottom: 20px;
}
h1 {
}
h2 {
}
h3 {
}
p {
}
dl {
}

body{
font-size: 16px;
}
/*最小値:16px → 可変:12px+1vw → 最大値24px*/
p {
	font-size: clamp(1rem, calc(0.75rem + 1vw), 1.5rem);
	padding-bottom: 1em;
}
p.avance {
	margin-top: 3em;
}

/* アップルウォッチ */
/*最小値:12px → 可変:8px+1vw → 最大値16px*/
 @media screen and (max-width: 380px) {
p {
    font-size: clamp(0.75rem, calc(0.5rem + 1vw), 1rem);
}
 }
/* スマホ */
/*最小値:12px → 可変:12px+1vw → 最大値20px*/
 @media screen and (max-width: 428px) {
p {
    font-size: clamp(0.75rem, calc(0.75rem + 1vw), 1.25rem);
}
 }
/* タブレット */
/*最小値:12px → 可変:12px+1vw → 最大値20px*/
 @media only screen and (min-width: 600px) and (max-width: 1024px) {
p {
    font-size: clamp(0.75rem, calc(0.75rem + 1vw), 1.25rem);
}
 }
/* パソコン */
/*最小値:12px → 可変:4px+1vw → 最大値20px*/
 @media screen and (min-width: 1024px) {
p {
    font-size: clamp(0.75rem, calc(0.25rem + 1vw), 1.25rem);
}
 }
/* コピーライト */
/*最小値:12px → 可変:4px+1vw → 最大値16px*/
p.copyright {
    font-size: clamp(0.75rem, calc(0.25rem + 1vw), 1rem);
}

/* 全体背景
---------------------------------------------------- */
body.home {
	background-color: #f1f7f9;
}

/* ヘッダー
---------------------------------------------------- */
.home #header {
	background-image: url(images/header_bg_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

/* ヘッダータイトル
---------------------------------------------------- */
.home #header h1 img {
    width: 100%;
    height: auto;
}

/* レイアウト
---------------------------------------------------- */
#header {
	display: grid;
	grid-template-columns: minmax(auto, 960px);
	justify-content: center;
}
#main {
	display: grid;
	grid-template-columns: minmax(auto, 960px);
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-inline: 8px;
}
/* cleafix */
#main { zoom: 1; }
#main:after { clear: both; display: block; content: ''; }
/* cleafix_end */

/* レイアウト（フッター）
---------------------------------------------------- */
#footer {
	display: grid;
	grid-template-columns: minmax(auto, 960px);
	justify-content: center;
}

/* フッター
---------------------------------------------------- */
#footer p {
	text-align: right;
}
#footer p.copyright {
	background-image: url(images/common_line_horizontal.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
}


/* スマホ用のCSSはメディアクエリの外に記述する */
img {
  width: 100%;
}

@media screen and (min-width: 960px) {
  img {
    max-width: 960px;
  }
}