<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@import url(reset.css); 

/* common
------------------------------------------------------------*/

body{
	-webkit-text-size-adjust: 100%;

}
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.clearfix {
	display:inline-block;
	min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* =========================================================
	PC
========================================================= */

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

.sp {
	display:none;
}
#page{
	overflow:hidden;
	margin:0 auto;
	width:100%;
}
/* header
------------------------------------------------------------*/

#head{
	height:70px;
    background: url(../../img/bg.png) repeat 0 0;
}
#head_inner{
	height:70px;
    background: url(../../img/bg_header.png) repeat-x 0 bottom;
}
.inner{
	position:relative;
	margin:0 auto;
	width:1098px;
}
.jfn img,
.zeh img,
.oa img{
	width:68%;
}
.tfm{
	position: absolute;
	left: 135px;
	top: 20px;
	z-index:2;
}
.tfm img{
	width:80px;
	height:24px;
}
.jfn{
	position: absolute;
	left: 85px;
	top: 20px;
	z-index:2;
}
.zeh{
	position: absolute;
	left: 0;
	top: 20px;
	z-index:2;
}
.oa{
	position: absolute;
	left: 430px;
	top: 22px;
	z-index:2;
}
.sns_pc{
	position: absolute;
	right: 5px;
	top: 20px;
	z-index:2;
}
.sns_pc li{
	float:left;
	margin-left:6px;
}
.sns_pc li img{
	width:30px;
	height:auto;
}
.sns_sp{
	display:none;	
}
/*  main 
------------------------------------------------------------*/

#phArea{
	padding-top:20px;
	height:409px;
    background: url(../../img/bg_ph.png) no-repeat 0 bottom;
	margin-bottom:20px;
}
#phArea h1{
	position:absolute;
	left:370px;
}
#phArea span{
	position:absolute;
	top:420px;
	left:-20px;
}
#phArea p{
	position:absolute;
	top:450px;
	right:0;
	padding:0 10px;
}

/* wrapper
------------------------------------------------------------*/

.wrapper{
	height:159px;
    background: url(../../img/bg_lead.png) repeat-x 0 bottom;
	margin-bottom:20px;	
}
.wrapper .lead{
	position:absolute;
	top:40px;
	left:0;
	padding:0;
	width:750px;
}
.wrapper .mc1{
	position:absolute;
	top:-26px;
	right:160px;
	z-index:10;
}
.wrapper .mc2{
	position:absolute;
	top:-40px;
	right:0px;
	z-index:9;
}
/*  message
------------------------------------------------------------*/

#contents{
	display:flex;
}
#message {
	width:350px;
	height:350px;
	border:1px solid #0a1c46;
	color:#0a1c46;
	padding: 20px 15px 0 15px;
	margin-right:20px;
}
#message h2{
	margin-bottom:10px;
}
#message h2 img{
	width:330px;
}
#message ul li{
	margin-bottom:17px;
	color:#0a1c46;
	font-size:120%;
	line-height:1.2em;
}
#message ul li span{
	font-size:58%;
	display:block;
	margin:5px 0 15px;
	line-height:1.2em;
}
#message ul li a img{
	width:350px;
}

/*  zenryoku
------------------------------------------------------------*/

#zenryoku {
	width:670px;
	border:1px solid #197e6e;
	color:#197e6e;
	padding: 15px 15px 13px 15px;
    background: url(../../img/bg_zenryoku.png) no-repeat 0 top;
	font-family:source-han-serif-japanese;
}
#zenryoku h2{
	text-align:center;
}
#zenryoku ul li{
	line-height:1.2em;
}
.zen_inner{
	display:flex;
}
#zenryoku ul.zen_l{

}
#zenryoku ul.zen_r{
	padding-left:15px;
}
#zenryoku a{
	text-decoration:none;
	display:block;	
}
.ph{
	position: relative;
	border: 1px solid #d9d9d9;
}
.ph img{
	width:220px;
	height:auto;
	padding:8px 8px 6px 8px;
}
.date{
	color:#cc4776;	
}
.caption{
	font-size:180%;
	color:#333;
	padding-bottom:15px;
}
.caption a{
	text-decoration:none;
}
.subname{
	font-size:110%;
	color:#007563;
	padding-bottom:5px;
}
.name{
	font-size:180%;
	color:#007563;	
}
.mor{
	position:absolute;
	right:15px;
	bottom:12px;
}
.mor a img{
	width:100%;
	height:100%;
}
.bnArea{
	margin:60px auto;
	text-align:center;	
}
.bnArea ul{
	max-width:510px;
	display:flex;
	margin:0 auto;
}
.bnArea ul li img{
	max-width:230px;
	width:100%;
	margin:0 20px 0 10px;
}
.bnArea2{
	margin:0 auto;
	text-align:center;	
}
.bnArea2 ul{
	width:1000px;
	display:flex;
	margin:0 auto;
}
.bnArea2 ul li{
	padding:0 10px;	
}
.bnArea2 ul li img{
	width:230px;
}
.comm{
	color:#d20000;
	padding:0 10px;	
}
.bnArea3{
	margin:60px auto;
	text-align:center;	
}
.bnArea3 ul{
	width:320px;
	display:flex;
	margin:0 auto;
}
.bnArea3 ul li img{
	max-width:320px;
	width:100%;
	margin:0 20px 0 10px;
}
.notes{
	margin: 10px auto 60px;
	width: 1098px;
	text-align: right;
}
/*  footer
------------------------------------------------------------*/

#footer{
    background: url(../../img/bg.png) repeat 0 0;
}
#footer_inner{
	padding:30px 0 0;
    background: url(../../img/bg_header.png) repeat-x 0 top;
}
.copy{
	display:block;
	font-size:80%;
	text-align:center;
	padding-bottom:30px;
}
/* pagetop
------------------------------------------------------------*/

.go-top{
	position: fixed;
	bottom: 40px;
	right: 40px;
	background:url(../../img/top.png) no-repeat 0 top;
	background-size:55px 55px;
	display: none;
	width:55px;
	height:55px;
}

}

/* =========================================================
	SP
========================================================= */

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

.pc {
	display:none;
}
img {
	max-width : 100% ;
	height : auto ;
	vertical-align: bottom;
}
#page{
	overflow:hidden;
	margin:0 auto;
	width:100%;
}
.scroll {
	text-align:center;
	margin-bottom:10px;
}
.scroll img{
	width:10%;
}
.sp_pro,
.fs_pro{
    background: url(../../img/bg_header.png) repeat-x 0 bottom;
	background-size:490px 2px;
}


/* header
------------------------------------------------------------*/

.sp_pro{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	padding-bottom:5px;
}
.fs_pro{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	padding-top:6px;
}
.sp_pro li:last-of-type,
.fs_pro li:last-of-type {
    margin-left: auto;
}
.zeh{
	padding:2px 3px 0 5px;
	width:45px;
}

.jfn{
	padding:3px 3px 0 3px;
	max-width:20px;
}
.tfm{
	padding:2px 3px 0 5px;
	width:45px;
}

.oa{
	padding:0 5px 0 0;
	max-width:170px;
	vertical-align:middle;
}
#head{
    background: url(../../img/bg.png) repeat 0 0;
	background-size:45px 45px;
}
#head_body{
	margin:0 auto;
	width:100%;
}
#head_body h1{
	text-align:center;
}
#head_body p{
	padding:8px;
}
#head_body .arrow{
	text-align:center;	
}
#head_body .arrow img{
	width:50%;
}
#head_body .sns{
	position: absolute;
	right: 12px;
	z-index:2;
}
#head_body .sns li{
	float:left;
	margin-left:6px;
}
#head_body .sns li img{
	width:30px;
	height:auto;
}

/* wrapper
------------------------------------------------------------*/
.wrapper{
    background: url(../../img/bg_lead.png) repeat-x 0 bottom;
	margin-bottom:10px;
	background-size:28px 78px;
}
.wrapper .mc{
	margin-top:-30px;
}
.wrapper .mc .mc1{
	background-color:#099;
}

/* message
------------------------------------------------------------*/

#message {
	border:1px solid #0a1c46;
	color:#0a1c46;
	padding:20px 20px 15px 20px;
	margin:5px;
}
#message h2{
	margin-bottom:10px;
}
#message ul li{
	margin-bottom:10px;
	color:#0a1c46;
	font-size:100%;
	line-height:1.2em;
}
#message ul li span{
	font-size:70%;
	display:block;
	margin:5px 0 15px;
	line-height:1.2em;
}
.phs img{
	width:100%;
	display: block;
	margin:auto;
}
.entr img{
	max-width: 300px;
	width:100%;
	display: block;
	margin:auto;
}
/*  zenryoku
------------------------------------------------------------*/

#zenryoku {
	margin:5px 5px 0 5px;
	padding:20px 30px 15px 30px;
	border:1px solid #197e6e;
    background: url(../../img/bg_zenryoku.png) no-repeat 0 top;
	color:#197e6e;
	font-family:source-han-serif-japanese;
	font-weight:400;
}
#zenryoku h2{
	margin-bottom:15px;
}
#zenryoku ul li{
	margin-bottom:5px;
	line-height:1.2em;
}
#zenryoku a{
	text-decoration:none;	
}
.ph{
	margin-bottom:10px;
	text-align:center;
	border:1px solid #DEDEDE;
}
.ph img{
	width:100%;
	max-width:500px;
	height:auto;
}
.date{
	font-size:90%;
	color:#cc4776;	
}
.caption{
	font-size:140%;
	color:#333;
	margin-bottom:15px;
}
.caption a{
	text-decoration:none;
}
.subname{
	font-size:90%;
	color:#007563;	
}
.name{
	font-size:140%;
	color:#007563;
	margin-bottom:15px;
}
.mor{
	margin-top:20px;
}
.mor img{
	max-width: 300px;
	width:100%;
	display: block;
	margin:auto;
}
.bnArea{
	margin:15px auto 0;
	text-align:center;
    background: url(../../img/bg_header.png) repeat-x 0 bottom;
	background-size:490px 2px;
}
.bnArea ul{
	margin:0 auto;
}
.bnArea ul li img{
	max-width:240px;
	text-align:center;
	margin-bottom:15px;
}
.bnArea2{
	margin:0 auto;
	padding-bottom:10px;
	text-align:center;
    background: url(../../img/bg_header.png) repeat-x 0 bottom;
	background-size:490px 2px;
}
.bnArea2 ul{
	width:100%;
	margin:0 auto;
}
.bnArea2 ul li{
	padding:0 10px;	
}
.bnArea2 ul li img{
	max-width:240px;
	margin-bottom:10px;
}
.bnArea3{
	margin:0 auto 0;
	text-align:center;
    background: url(../../img/bg.png) repeat 0 0;
	background-size:45px 45px;
}
.bnArea3 ul{
	margin:0 auto;
	padding:20px 0;
    background: url(../../img/bg_header.png) repeat-x 0 bottom;
	background-size:490px 2px;
}
.bnArea3 ul li img{
	max-width:280px;
	text-align:center;
}
.bnArea3 ul li a{
	display:block;
}
.sns_sp{
	margin:0 auto 20px;
	max-width:100px;
	display:flex;
}
.sns_sp li{
	margin-left:6px;
}
.sns_sp li img{
	width:40px;
	height:auto;
}
.sns_pc{
	display:none;
}
.comm{
	color:#d20000;
	padding:0 10px;
	font-size:80%;
}
.notes{
	padding:0 15px;
	margin: 10px 0 20px;
	font-size: 85%;
	text-align: left;
}
/*  footer
------------------------------------------------------------*/

#footer{
    background: url(../../img/bg.png) repeat 0 0;
	background-size:45px 45px;
}
#footer_inner{
	padding:20px 0 10px;
}
.copy{
	display:block;
	font-size:60%;
	text-align:center;
	padding:2px 0 10px;
}

/* pagetop
 ------------------------------------------------------------*/

.go-top{
	background:url(../../img/top.png) no-repeat 0 top;
	background-size:40px 40px;
	width:40px;
	height:40px;
	cursor:pointer;
	margin:0 auto;
	padding-bottom:15px;
}

}</pre></body></html>