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

/* ************************************************************
TOPVIEW背景指定
************************************************************ */		
.topview
	{
	background: url("../media/topimg.jpg") bottom right no-repeat;
	background-size: cover;
	}
	
/* ************************************************************
KEYVISUAL
************************************************************ */		
section#keyvisual
	{
	width: 92%;
	margin:4% auto 0;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1680px) {
 /* ************** */
section#keyvisual
	{
	width: 92%;
	margin:4% auto 0;
	}
 /* *************** */
	}
	
/* ************************************************************
W90枠・w100枠
************************************************************ */	
.w90
	{
	margin:0 auto 0;
	padding:0 0;
	width: 90%;
	}
	
.w90:first-of-type
	{
	margin-top:5%;
	}
	
.w100
	{
	margin:10% auto 8%;
	padding:0 0;
	width: 90%;
	}

/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1680px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 800px) {
 /* ************** */
.w100
	{
	width: 100%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth420(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 640px) {
 /* ************** */
.w90
	{
	margin:0 auto 0;
	padding:0 0;
	width: 88%;
	}
	
.w90:first-of-type
	{
	margin:5% auto 0;
	}

 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth420(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 375px) {
 /* ************** */	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 350px) {
 /* ************** */
 /* *************** */
	}
	
/* ************************************************************
top
************************************************************ */	
section#years
	{
	margin:0 auto 0;
	padding:5% 5% 0;
	width: 100%;
	}
	
section#years ul
	{
	margin:0 auto 0;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: baseline;
	}
	
section#years ul li
	{
	margin:0 1.5% 2% 0;
	width: 23.85%;
	}
	
section#years ul li:nth-of-type(4n)
	{
	margin:0 0 0 0;
	}
	
section#years ul li a
	{
	display: block;
	text-align: center;
	font-size: 1.6rem;
	width: 100%;
	line-height: 320%;
	background: #7ea4d8;
	color:#fff;
	border-radius: 8px;
	transition: all .4s;
	}
	
section#years ul li a:hover
	{
	background:#A3C1D9;
	transition: all .4s;
	}

.w90 .box
	{
	margin:0 auto 0;
	width: 100%;
	text-align: justify;
	text-justify: inter-character;
	}

.w90 .box h4
	{
	margin:8% auto 0;
	padding:0.1% 0 0.1% 1.5%;
	width: 100%;
	font-size: 2.8rem;
	line-height: 120%;
	border-left: solid 10px #cb0e0e;
	}
	
.w90 .box .dl01
	{
	margin:6% auto 0;
	width: 100%;
	}
	
.w90 .box .dl01 dt
	{
	margin:0 auto 0;
	padding:0;
	width: 100%;
	font-size: 2.2rem;
	line-height: 140%;
	}
.w90 .box .dl01 dd
	{
	margin:4% auto 0;
	padding:0 5% 4%;
	width: 100%;
	background: url("../img/common/back_dots02.png") bottom left repeat-x;
	}
	
.w90 .box .dl01 dd img
	{
	border:solid 1px #fff;
	-webkit-filter:drop-shadow(0px 0px 4px rgba(124, 124, 124, 0.5));
    -moz-filter:drop-shadow(0px 0px 4px rgba(124, 124, 124, 0.5));
    -ms-filter:drop-shadow(0px 0px 4px rgba(124, 124, 124, 0.5));
    filter:drop-shadow(0px 0px 4px rgba(124, 124, 124, 0.5));
	}
	
.w90 .box .dl02
	{
	margin:8% auto 0;
	padding:5% 6.5%;
	width: 100%;
	background: #eaeef5;
	}
	
.w90 .box .dl02 dt
	{
	margin:5% auto 0;
	padding:0;
	width: 100%;
	font-size: 1.8rem;
	line-height: 140%;
	}
	
.w90 .box .dl02 dt:first-of-type
	{
	margin-top:0;
	}
	
.w90 .box .dl02 dd
	{
	margin:2% auto 0;
	border:solid 2px #fff;
	}


/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1480px) {
 /* ************** */
section#years
	{
	padding:5% 5% 0;
	}
	
section#years ul
	{
	display: flex;
	}
	
section#years ul li
	{
	margin:0 1.5% 2% 0;
	width: 23.85%;
	}
	
section#years ul li:nth-of-type(4n)
	{
	margin:0 0 0 0;
	}
	
section#years ul li a
	{
	font-size: 1.6rem;
	width: 100%;
	line-height: 320%;
	}

.w90 .box
	{
	margin:0 auto 0;
	}

.w90 .box h4
	{
	padding:0.1% 0 0.1% 1.5%;
	font-size: 2.4rem;
	border-left: solid 8px #cb0e0e;
	}
	
.w90 .box .dl01
	{
	margin:6% auto 0;
	width: 100%;
	}
	
.w90 .box .dl01 dt
	{
	font-size: 1.8rem;
	}
	
.w90 .box .dl01 dd
	{
	margin:5% auto 0;
	padding:0 3% 3%;
	width: 100%;
	}
	
.w90 .box .dl02
	{
	margin:8% auto 0;
	padding:6% 8%;
	}
	
.w90 .box .dl02 dt
	{
	margin:6% auto 0;
	font-size: 1.6rem;
	}
	
.w90 .box .dl02 dd
	{
	margin:2% auto 0;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */
section#years
	{
	padding:2% 6% 0;
	}
	
section#years ul
	{
	display: flex;
	}
	
section#years ul li
	{
	margin:0 1.8% 2.4% 0;
	width: 32.12%;
	}
	
section#years ul li:nth-of-type(4n)
	{
	margin:0 1.8% 2.4% 0;
	}
	
section#years ul li:nth-of-type(3n)
	{
	margin:0 0 2.4% 0;
	}
	
section#years ul li a
	{
	font-size: 1.6rem;
	width: 100%;
	line-height: 320%;
	}

.w90 .box
	{
	margin:0 auto 0;
	}

.w90 .box h4
	{
	padding:0.1% 0 0.1% 2%;
	font-size: 2rem;
	border-left: solid 8px #cb0e0e;
	}
	
.w90 .box .dl01
	{
	margin:6% auto 0;
	width: 100%;
	}
	
.w90 .box .dl01 dt
	{
	font-size: 1.6rem;
	}
	
.w90 .box .dl01 dd
	{
	margin:5% auto 0;
	padding:0 0 6%;
	width: 100%;
	}
	
.w90 .box .dl02
	{
	margin:8% auto 0;
	padding:6% 8%;
	}
	
.w90 .box .dl02 dt
	{
	margin:6% auto 0;
	font-size: 1.4rem;
	}
	
.w90 .box .dl02 dd
	{
	margin:2% auto 0;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 960px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 768px) {
 /* ************** */
section#years
	{
	padding:0 6% 0;
	}
	
section#years ul
	{
	display: flex;
	}
	
section#years ul li
	{
	margin:0 1.8% 2.4% 0;
	width: 32.12%;
	}
	
section#years ul li:nth-of-type(4n)
	{
	margin:0 1.8% 2.4% 0;
	}
	
section#years ul li:nth-of-type(3n)
	{
	margin:0 0 2.4% 0;
	}
	
section#years ul li a
	{
	font-size: 1.6rem;
	width: 100%;
	line-height: 320%;
	}

.w90 .box
	{
	margin:0 auto 0;
	}

.w90 .box h4
	{
	margin:10% auto 0;
	padding:0.1% 0 0.1% 2%;
	font-size: 2rem;
	border-left: solid 8px #cb0e0e;
	}
	
.w90 .box .dl01
	{
	margin:6% auto 0;
	width: 100%;
	}
	
.w90 .box .dl01 dt
	{
	font-size: 1.6rem;
	}
	
.w90 .box .dl01 dd
	{
	margin:5% auto 0;
	padding:0 0 6%;
	width: 100%;
	}
	
.w90 .box .dl02
	{
	margin:8% auto 0;
	padding:5% 6%;
	}
	
.w90 .box .dl02 dt
	{
	margin:6% auto 0;
	font-size: 1.4rem;
	}
	
.w90 .box .dl02 dd
	{
	margin:2% auto 0;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth420(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 640px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth420(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
section#years
	{
	padding:0 6% 0;
	}
	
section#years ul li a
	{
	font-size: 1.2rem;
	width: 100%;
	line-height: 300%;
	}

.w90 .box
	{
	margin:0 auto 0;
	}

.w90 .box h4
	{
	padding:0.1% 0 0.1% 3%;
	font-size: 1.8rem;
	border-left: solid 8px #cb0e0e;
	}
	
.w90 .box .dl01
	{
	margin:8% auto 0;
	width: 100%;
	}
	
.w90 .box .dl01 dt
	{
	font-size: 1.4rem;
	}
	
.w90 .box .dl01 dd
	{
	margin:6% auto 0;
	padding:0 0 6%;
	}
	
.w90 .box .dl02
	{
	margin:10% auto 0;
	padding:6% 4%;
	}
	
.w90 .box .dl02 dt
	{
	margin:8% auto 0;
	font-size: 1.2rem;
	}
	
.w90 .box .dl02 dd
	{
	margin:3% auto 0;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 420px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 350px) {
 /* ************** */
 /* *************** */
	}
	

	
/* ************************************************************
メール＆コンタクト
************************************************************ */	
.mail_contact
	{
	margin:16% auto 6%;
	padding:0 0%;
	width: 100%;
	}
	
.mail_contact li:first-of-type
	{
	margin:0 auto 0;
	padding:0 1% 0 0;
	width: 58%;
	}
	
.mail_contact li:last-of-type
	{
	margin:8% auto 0;
	padding:0 0%;
	width: 68%;
	}
	
.mail_contact li
	{
	transition: all .4s;
	}
	
.mail_contact li:hover
	{
	opacity: .7;
	transition: all .4s;
	}

/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1680px) {
 /* ************** */
.mail_contact
	{
	margin:18% auto 6%;
	}
	
.mail_contact li:first-of-type
	{
	width: 65%;
	}
	
.mail_contact li:last-of-type
	{
	margin:10% auto 0;
	width: 78%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1280px) {
 /* ************** */
.mail_contact
	{
	margin:18% auto 6%;
	}
	
.mail_contact li:first-of-type
	{
	width: 72%;
	}
	
.mail_contact li:last-of-type
	{
	margin:10% auto 0;
	width: 84%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
.mail_contact
	{
	margin:22% auto 0;
	}
	
.mail_contact li:first-of-type
	{
	width: 84%;
	}
	
.mail_contact li:last-of-type
	{
	margin:14% auto 0;
	width: 88%;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth420(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 420px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 375px) {
 /* ************** */	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1740(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 350px) {
 /* ************** */
 /* *************** */
	}