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

@import url(reset.css);
@import url(elements.css);

* { word-wrap: break-word; box-sizing:border-box;}

/* フォント */
body {
  font-family: "ヒラギノ角ゴ Pro W3","メイリオ",meiryo,"ＭＳ Ｐゴシック", osaka
  color: #000;
  font-size: 17px;
  line-height: 2.0;
  word-break: break-all;
}


/* 見出し リスト テーブル 大まかな設定 */
h1,h2,h3,h4,h5,h6{ line-height:1.3em;}
h4,h5,h6{ font-weight:bold;}

h1{ font-size:30px; margin-bottom:40px; padding-bottom:15px; border-bottom:solid 2px #d9e5cd;}
h2{ font-size:28px; margin-bottom:40px; padding-bottom:15px; border-bottom:dashed 1px #d9e5cd;}
h3{ font-size:24px; margin-bottom:40px; padding-left:20px; border-left: solid 5px #d9e5cd; }
h4{ font-size:20px; margin-bottom:35px;}
h5{ font-size:18px; margin-bottom:30px;}
h6{ font-size:18px; margin-bottom:25px;}

p+h2,ul+h2,table+h2{ margin-top:40px;}
p+h3,ul+h3,table+h3{ margin-top:40px;}
p+h4,ul+h4,table+h4{ margin-top:35px;}
p+h5,ul+h5,table+h5{ margin-top:30px;}
p+h6, p+ul, p+table{ margin-top:25px;}

ul{ margin-bottom:25px;}
table{ margin-bottom:25px;}
table ul{ margin:0;}
table, th, td { border-collapse:collapse; border: 1px solid #ccc; padding: 5px;}
th { vertical-align: top; background: #CFC;}


/* 文章 */
p{ font-size:17px; margin-bottom:25px;}

iframe{ margin-bottom:25px;}

.under {border-bottom: solid 3px #FF0; font-weight: bold;}


/* 全体 */
.wrapper{ width:100%;}


/* ヘッダー */
.wrapper div.header{ height:60px;}
	.wrapper div.header a{ width:8em; padding:4px 0 0 30px; display:block; font-size:30px; text-decoration:none; color:#677061;}
	
@media screen and (max-width: 736px) {
	.wrapper div.header a{ width:100%;}
}

/* アイキャッチ */
.wrapper div.mainVis{ height:200px; background: url(../images/main.jpg) no-repeat; background-size:contain; background-position: center; background-color:#efefef;}

@media screen and (max-width: 736px) {
		.wrapper div.mainVis{ height:150px; background-size:cover; background-position:left;}
}


/* メニュー */
.wrapper div.nav{padding:10px 20px; margin-bottom:20px; background:#dcefd0;}
	.wrapper div.nav ul{ display: -webkit-flex; display: flex; -webkit-justify-content: space-evenly; justify-content: space-evenly; margin-bottom:0;}
		.wrapper div.nav ul li{ padding:10px; font-size:16px; text-align:center; line-height:1.3;}
			.wrapper div.nav ul li a{color:#000; font-weight:bold; text-decoration:none;}
				.wrapper div.nav ul li a:hover{ color:#41146b;}
				
@media screen and (max-width: 736px) {
.wrapper div.nav{ padding:10px;}
.wrapper div.nav ul li{ padding:10px 5px; font-size:14px; text-align:center; line-height:1.3;}
}

/* パンくず */
.wrapper div.pankuzu{margin-bottom:50px; padding:0 120px; posotion:relative;}
	.wrapper div.pankuzu ul{ display:flex;}
		.wrapper div.pankuzu ul li{ margin-left:30px; position:relative; list-style:none;}
			.wrapper div.pankuzu ul li:first-of-type{ margin-left:0;}
			.wrapper div.pankuzu ul li span:before{content: ">"; position: absolute; top: 0px; left: -20px; }
			
@media screen and (max-width: 736px) {
.wrapper div.pankuzu{padding:0 30px;}
}

/* コンテンツ */
.wrapper div.main{ margin-bottom:50px; padding:0 120px;}
	.wrapper div.main img{ width:40%; height:auto; margin:10px 0 25px 25px; float:right;}
	.wrapper div.main ul{padding-left:20px;}
		.wrapper div.main ul li{list-style-type:disc;}
	
@media screen and (max-width: 736px) {
.wrapper div.main{ padding:0 30px;}
	.wrapper div.main img{ width:100%; float:none; margin:0 0 25px;}
}

/* 参考リンク */
.wrapper div.main p.clnBox {padding:15px 20px; border: solid 1px #efefef; clear:both; font-size:90%;}
.wrapper div.main p.clnBox:before {content:"参考サイト"; display:block; font-size:90%; font-weight:bold;}
		
/* 目次 */
.wrapper div.main ul.agenda{margin-top:40px; padding:20px; border: solid 1px #efefef; clear:both; font-size:90%;}
	.wrapper div.main ul.agenda li { margin-left:15px; list-style-type: decimal}

/* おすすめリンク */
.wrapper .main .link { margin-top:50px; padding: 20px; background:#dcefd0;}
	.wrapper .main .link h2{ margin-bottom:5px; padding:0; font-size:16px; border-bottom:none;}
	.wrapper .main .link ul { margin:0; padding:0;}
		.wrapper .main .link ul li{margin-left:20px; font-size:14px;}


/* フッター */
.wrapper div.footer{ background:#dcefd0; padding:0 30px; clear:both;}
	.wrapper div.footer p{ margin:0;}
		.wrapper div.footer a{ color:#000; text-decoration:none;}

