@charset "utf-8";
/* CSS Document */

/*==========================
   全画面サイズ共通スタイル
============================*/

/* 共通メインコンテンツ*/

#wrap {
	position:relative;
	margin:0 auto;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.column {
	float:left;
	position:relative;
	width:50%;
}

.column h1 { text-align:center;}

.column p,.column img {
	width:95%;
	margin:2vw 2.5%;
}

.column p {
	margin: 0 2.5%;
	line-height:145%;
}

.comment1 { background:#fffcd0;}

.comment2 { border:2px solid #030303;}

.column h2 {
	border:3px solid #f00;
	background:#fff;
	text-align:center;
	position:relative;
}

.column h2:before,.column h2:after {
	content: "";
	width:0;
	height:0;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}

.column table {
	width:100%;
	background:#f4dec4;
	text-align:center;
}

.bggreen td { background:#c6ffd7;}

.bgwhite td { background:#fff;}

.column div {
	margin-top:1.5vw;
	background:#f4dec4;
	line-height:150%;
	text-align:center;
}

.column div img {
	width:95%;
	margin:1vw 2.5%;
}

.column div p { text-align:left;}

/***************************
      PC 1401px以上
*****************************/

@media screen and (min-width: 1401px) {

/*=========================
    ヘッダー部分共通
===========================*/

.site-header div { font-size:2vw;}

.site-header div img { width:25vw;}

/*=========================
    フッター部分共通
===========================*/

.footer-box div,.footer-box div ul li {
	-ms-flex-preferred-size: 45%;
	flex-basis:45%;
}

.footer-box div ul li { font-size:1.6vw;}


/* 以下PCメインコンテンツ */

#wrap { width:80%;}

.column h1 {
	font-size:1.8vw;
	padding:0.5em 0;
}

.column p {
	font-size:1.2vw;
	padding:1.5em 2em;
}

.column h2 {
	font-size:1.4vw;
	padding:0.5em 0 0.2em;
}

/* 吹き出し（ＰＣ）*/

.column h2:before,.column h2:after {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}

.column h2:before {
	border-top: 20px solid #f00;
	bottom:-21px;
}

.column h2:after {
	border-top: 20px solid #fff;
	bottom:-18px;
}

.column table { font-size:1vw;}

.column div {
	font-size:1vw;
	padding:1.5em 1em;
}

.column div span { font-size:1vw;}

.column div p {
	font-size:1vw;
	padding:0.5em 0;
}


} /* ←消したらアカンやつ */


/**********************************
   タブレット 461以上・1400px以下
***********************************/

@media screen and (min-width: 461px) and (max-width: 1400px) {

/*=========================
    ヘッダー部分共通
===========================*/

.site-header div { font-size:2.5vw;}

.site-header div img { width:28vw;}

/*=========================
    フッター部分共通
===========================*/

.footer-box div,.footer-box div ul li {
	-ms-flex-preferred-size: 48.5%;
	flex-basis:48.5%;
}

.footer-box div h2,.footer-box div ul li { font-size:2vw;}


/*以下タブレットメインコンテンツ*/

#wrap { width:96%;}

.column h1 {
	font-size:1.8vw;
	padding:0.5em 0;
}

.column p {
	font-size:1.4vw;
	padding:1.5em 2em;
}

.column h2 {
	font-size:1.6vw;
	padding:0.5em 0 0.2em;
}

/* 吹き出し（タブレット）*/

.column h2:before,.column h2:after {
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
}

.column h2:before {
	border-top: 18px solid #f00;
	bottom:-19px;
}

.column h2:after {
	border-top: 18px solid #fff;
	bottom:-16px;
}

.column table { font-size:1.2vw;}

.column div {
	font-size:1.2vw;
	padding:1.5em 1em;
}

.column div span { font-size:1.2vw;}

.column div p {
	font-size:1.2vw;
	padding:0.5em 0;
}

} /* ←消したらアカンやつ */

/****************************
   スマートフォン 460px以下
*****************************/

@media screen and (max-width: 460px) {

/*=============================
  ヘッダー部分共通(スマホ対応)
===============================*/

.site-header {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:50vw;
	text-align:right;
}

.site-header div img { width:35vw;}
	
.sp_hidden { display:none;}


/*=============================
  フッター部分共通(スマホ対応)
===============================*/

.footer-box div {
	-ms-flex-preferred-size: 97%;
	flex-basis:97%;
}

.footer-box div h2,.footer-box div ul li { font-size:3.5vw;}

.footer-box div ul li {
	-ms-flex-preferred-size: 48%;
	flex-basis:48%;
}


/*以下スマホメインコンテンツ*/

#wrap { width:98%;}

.column { width:100%;}

.column h1 {
	font-size:3.2vw;
	padding:0.5em 0;
}

.column p {
	font-size:3vw;
	padding:1.5em 1em;
}

.column h2 {
	font-size:3.5vw;
	padding:0.5em 0 0.2em;
	margin-top:2em;
}

/* 吹き出し（スマホ）*/

.column h2:before,.column h2:after {
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
}

.column h2:before {
	border-top: 18px solid #f00;
	bottom:-19px;
}

.column h2:after {
	border-top: 18px solid #fff;
	bottom:-16px;
}

.column table { font-size:2.5vw;}

.column div h3 { font-size:3vw;}

.column div {
	font-size:2.5vw;
	padding:1.5em 1em;
}

.column div span { font-size:2.2vw;}

.column div p {
	font-size:3vw;
	padding:0.5em 0;
}


} /* ←消したらアカンやつ */