@charset "utf-8";

@font-face{ 
	font-family: 'mplus-bold';
	src: url('fonts/mplus-1c-bold.eot');
	src: url('fonts/mplus-1c-bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/mplus-1c-bold.woff') format('woff'),
		url('fonts/mplus-1c-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'mplus';
    src: url('fonts/mplus-1c-regular-sub.eot');
    src: url('fonts/mplus-1c-regular-sub.eot?#iefix') format('embedded-opentype'),
    url('fonts/mplus-1c-regular-sub.woff') format('woff'),
    url('fonts/mplus-1c-regular-sub.ttf') format('truetype');
}



* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;
	vertical-align: baseline;background: transparent;-webkit-text-size-adjust: 100%;
}
body {line-height: 1.0;}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} ins {background-color: #ff9;color: #000;text-decoration: none;} mark {background-color: #ff9;color: #000; font-style: italic;font-weight: bold;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}input, select {vertical-align: middle;}hr,.areaAnchor,.anchor {display:none;}acronym,abbr{cursor:help;}option{padding-right:10px;}
/* general params */
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote, small {margin: 0;padding: 0;line-height: 1.8;text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
p { margin: 0 0 20px; }
img {border: none; vertical-align: bottom; max-width: 100%; height:auto;}
table {border-collapse:collapse;border-spacing:0;margin:0;empty-cells:show;font-size:14px;width:100%;}
figure {margin: 0 0 20px; text-align: center; }
figcaption { margin: 10px 0 0; text-align: center; font-size: 15px; }
address {font-style:normal;}
ul, ul li {list-style:none;}
ol li {margin:0 0 0 20px;}

ul.disc {
	margin: 0;
}
ul.disc li {
	margin: 0 0 0 1.5em;
	list-style-type: disc;
}

/* リンク */
a {
	color: #00238C;
	text-decoration: underline;
	outline: none;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
a:link{
	color: #00238C;
	text-decoration: underline;
	outline: none;
}
a:visited{color: #00238C;}
a:hover{
	color: #00238C;
	text-decoration: none;
}
a:active{
	color: #00238C;
}

/* clearfix */
.cf:after {content: " ";display: block;clear: both;height: 0;visibility: hidden;}
.cf { display: inline-block; }

/* \*/
* html .cf,
* html .bf { height: 1%; }
.cf { display: block; }
/* */

/* class */
.radius {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.mt00{margin-top:0!important;}.mt05{margin-top:5px!important;}.mt10{margin-top:10px!important;}.mt15{margin-top:15px!important;}.mt20{margin-top:20px!important;}.mt25{margin-top:25px!important;}.mt30{margin-top:30px!important;}.mt35{margin-top:35px!important;}.mt40{margin-top:40px!important;}.mt45{margin-top:45px!important;}.mt50{margin-top:50px!important;}.mr00{margin-right:0!important;}.mr05{margin-right:5px!important;}.mr10{margin-right:10px!important;}.mr15{margin-right:15px!important;}.mr20{margin-right:20px!important;}.mr25{margin-right:25px!important;}.mr30{margin-right:30px!important;}.mr35{margin-right:35px!important;}.mr40{margin-right:40px!important;}.mr45{margin-right:45px!important;}.mr50{margin-right:50px!important;}.mb00{margin-bottom:0!important;}.mb05{margin-bottom:5px!important;}.mb10{margin-bottom:10px!important;}.mb15{margin-bottom:15px!important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.ml00{margin-left:0 !important;}.ml05{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml25{margin-left:25px !important;}.ml30{margin-left:30px !important;}.ml35{margin-left:35px !important;}.ml40{margin-left:40px !important;}.ml45{margin-left:45px !important;}.ml50{margin-left:50px !important;}.pt00{padding-top:0 !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}.pr00{padding-right:0 !important;}.pr05{padding-right:5px !important;}.pr10{padding-right:10px !important;}.pr15{padding-right:15px !important;}.pr20{padding-right:20px !important;}.pr25{padding-right:25px !important;}.pr30{padding-right:30px !important;}.pr35{padding-right:35px !important;}.pr40{padding-right:40px !important;}.pr45{padding-right:45px !important;}.pr50{padding-right:50px !important;}.pb00{padding-bottom:0 !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}.pl00{padding-left:0 !important;}.pl05{padding-left:5px !important;}.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}.pl25{padding-left:25px !important;}.pl30{padding-left:30px !important;}.pl35{padding-left:35px !important;}.pl40{padding-left:40px !important;}.pl45{padding-left:45px !important;}.pl50{padding-left:50px !important;}

.ss { font-size: 10px !important; }
.s { font-size: 12px !important; }
.m { font-size: 14px !important; }
.l { font-size: 16px !important; }
.ll { font-size: 18px !important; }
.bold { font-weight: bold !important; }.normal { font-weight: normal !important; }
.red { color:#db4212 }

.tl { text-align: left !important; }.tr { text-align: right !important; }.tc { text-align: center !important; }
.fl { padding: 0 20px 10px 0; float: left !important; }.fr { padding: 0 0 10px 20px; float: right !important; }
.clear { clear: both; }.cl { clear: left; }.cr { clear: right; }
.vt { vertical-align: top !important; }.vm { vertical-align: middle !important; }.vb { vertical-align: bottom !important; }

.sp {display:none;} .pc {display:block;}

/* GRID */
.row {margin: 0 -1% 0 -1%;letter-spacing: -.40em;width: 102%;}
.row * {letter-spacing: normal;}
.row .col, ul.row li {
	margin: 0 1% 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	letter-spacing: normal;
}
.row .col p:last-child, ul.row li p:last-child { margin-bottom: 0; }

.grid02 .col, ul.grid02 li {width: 48%;}
.grid03 .col, ul.grid03 li {width: 31.3%;}
.grid04 .col, ul.grid04 li {width: 23%;}
.grid05 .col, ul.grid05 li {width: 18%;}
.grid06 .col, ul.grid06 li {width: 14.60%}
.grid07 .col, ul.grid07 li {width: 12.28%}
.grid08 .col, ul.grid08 li {width: 10.5%}
.grid09 .col, ul.grid09 li {width: 9.11%}
.grid10 .col, ul.grid10 li {width: 8%}
.grid-right { float:right }

@media screen and (max-width: 768px) {
.grid02 .col, ul.grid02 li {width: 98%;}
.grid03 .col, ul.grid03 li {width: 48%;}
.grid04 .col, ul.grid04 li {width: 48%;}
.grid05 .col, ul.grid05 li {width: 31.3%;}

.ss { font-size: 10px !important; }
.s { font-size: 12px !important; }
.m { font-size: 14px !important; }
.l { font-size: 16px !important; }
.ll { font-size: 18px !important; }

.sp {display:block;}.pc {display:none;}

.fr, .fl {
	margin: 0 0 20px;
	padding: 0;
	float: none !important;
	text-align: center;
}
}
@media screen and (max-width: 480px) {
.grid03 .col, ul.grid03 li {width: 98%;}
.grid05 .col, ul.grid05 li {width: 48%;}
}

/*
===== CONTENTS ===========================================

	1: CONTAINER
	2: HEADER
	3: NAVIGATION
	4: FOOTER
	5: MAIN CONTENT
	6: SIDE BAR

==========================================================
*/

body {
	color: #333;
	font-size: 16px;
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	width: 100%;
	height: 100%;
}
body#top {
	background: url(../images/common/bg.jpg) no-repeat center top;
	background-size: 100% 758px;
	-moz-background-size: 100% 758px;
	-webkit-background-size: 100% 758px;
}

#layer {
	display: none;
	position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: black;
    opacity: 0.60;
    filter: alpha(opacity=60);
	z-index: 100;
}
.inner {
	margin: 0 auto;
    padding: 0 20px;
	max-width: 1040px;
	min-width: 1040px;
	width: 100%;
}

/*
===== 1: CONTAINER ==========================================
*/

#container {
	margin: 0;
	padding: 0;
	clear: both;
	text-align: center;
	width: 100%;
}
#container.scroll { padding: 120px 0 0; }


/*
===== 2: HEADER ==========================================
*/


#header {
	margin: 0;
    padding: 0;
	text-align: center;
	width: 100%;
	z-index: 1000;
}
#top #header {}
#header #logo {
	margin: 0 0 10px;
	padding: 0;
	float: left;
	width: 110px;
}
#header .info { display: none; }


#header.scroll .inner {}
#header.scroll {
	background: #fff !important;
	box-shadow: 0 1px 4px #ccc;
	position: fixed;
	left: 0;
	top: 0;
}


/*
===== 3: NAVIGATION ======================================
*/

#nav {
	margin: 0;
	padding: 30px 0 0 120px;
}
#nav ul {
	margin: 0;
	display: table;
	width: 100%;
}
#nav ul li {
	margin: 0;
	padding: 0 10px;
	display: table-cell;
	font-size: 16px;
	font-weight: bold;
	vertical-align: bottom;
	position: relative;
}
#nav ul li a {
	padding: 0 0 8px;
	border-bottom: 2px solid transparent;
	color: #333;
	display: block;
	text-align: center;
	text-decoration: none;
}
#nav ul li a:hover,
#nav ul li a.current {
	border-bottom: 2px solid #71E0E6;
}
#nav ul li.btn a { padding: 8px 25px; color: #fff; }
#nav ul li.btn a:hover,
#nav ul li.btn a.current { border-bottom: 2px solid transparent; }

body#top #nav ul li a:hover { border-bottom: 2px solid #fff; }
body#top #nav ul li.btn a:hover { border-bottom: 2px solid transparent; }

#nav .pc ul li ul {
	padding: 0 10px;
	position: absolute;
	left: 0;
	display: none;
}
#nav .pc ul li ul li {
	display: block;
	padding: 0;
}
#nav .pc ul li ul li a {
	padding: 8px;
	background: #54A4BC;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

#nav .pc ul li ul li a:hover,
body#top #nav .pc ul li ul li a:hover {
	background: #66a9c6;
	border-bottom: 1px solid #fff;
}

body#top #header.scroll a:hover {
	border-bottom: 2px solid #71E0E6;
}

/*
===== 4: FOOTER ==========================================
*/

#footer {
	padding: 40px 0 0;
	background: #444444;
	color: #fff;
	clear: both;
	text-align: center;
	font-size: 14px;
	width: 100%;
}

#footer .info { padding: 60px 0 0; }

#footer ul.fnav {
	padding: 0 0 0 20px;
	border-left: 1px solid #FFFFFF;
}
#footer ul.fnav li {}
#footer ul.fnav li a {
	color: #fff;
	text-decoration: none;
}
#footer ul.fnav li a:hover { text-decoration: underline; }

#footer .copyright {
	padding: 10px 0;
	background: #222222;
	color: #fff;
}
#footer .copyright ul {
	margin: 0;
	padding: 0;
	border: none;
	display: inline-block;
	font-size: 12px;
}
#footer .copyright ul li {
	padding: 0 20px 0 20px;
	border-left: 1px solid #FFFFFF;
	display: inline;
}
#footer .copyright ul.fnav li a {
	color: #ffffff;
}
#footer .copyright ul li:first-child {
	padding: 0 20px 0 0;
	border: none;
}

#footer table.sp-nav { display: none; }


#footer small {
	padding: 2px 0 0;
	float: right;
	font-size: 12px;
	text-align: right;
}
.pagetop {
	margin: 0 auto 55px;
	padding: 0 20px;
	clear: both;
	width: 100%;
	max-width: 1040px;
	position: relative;
	height:70px;
}
.pagetop .arrow {
	padding: 30px 0 0;
	text-align: center;
}

.pagetop .pmark {
	position: absolute;
	right: 150px;
}
.pagetop .health {
	position: absolute;
	right: 250px;
}
.pagetop .security-action {
	position: absolute;
	right: 370px;
}
.pagetop .ssl {
	position: absolute;
	right: 20px;
	text-align:center;
}


#footer .btn a {
	padding: 12px 30px;
	font-weight:bold;
}

/*
===== 5: MAIN CONTENT ====================================
*/

article {margin: 0;}
section { margin: 0 0 80px; }

article .inner {}

.main-img {
	padding: 20px 20px 40px;
	clear: both;
	text-align: center;
}

article h1 {
	margin: 0 0 40px;
	font-size: 24px;
	font-family: 'mplus', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	text-align: center;
}
article h2 {
	margin: 0 0 70px;
	font-size: 32px;
	font-family: 'mplus-bold', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	line-height: 1.4;
	text-align: center;
	text-shadow: 1px 1px 4px #fff;
}
article h3 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}

article h1.img,
article h2.img,
article h3.img {
	height: auto;
	background: none;
	border: none;
	text-indent: 0;
}


/*  リスト  ul  */
ul { margin: 0 0 20px; }
ul li {margin: 0 0 10px;}
ul.inline li { padding: 0 20px 0 0; display: inline; white-space: nowrap; }

ol { margin: 0 0 20px; }
ol li {margin: 0 0 10px;}


/* table  */

table { margin: 0 0 20px; line-height: 1.6; width: 100%; }
table th {
	padding: 15px;
	border: 1px solid #c2b7b2;
    font-weight: normal;
    text-align: left;
    width: 200px;
}
table th.light { background: #F8F8F8; }
table td {
	padding: 15px;
	border: 1px solid #c2b7b2;
	text-align: left;
}

/* table レイアウト */

.table-col {
	margin: 0 0 20px;
	display: table;
    table-layout: fixed;
	width: 100%;
}
.table-col .col {display: table-cell; vertical-align:top;}
.table-col .w350 { width: 350px; }
.table-col .w260 { width: 260px; }


/* ボタン */
.btn { text-align: center; }
.btn i {
	font-size: 20px;
	text-shadow: 0 1px 1px #BE5F32;
}
.btn a {
	padding: 8px 25px;
	background: #F49513;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	color: #FFF;
	display: inline-block;
	font-size: 16px;
	font-family: 'mplus', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	text-decoration: none;
}
.btn a:hover {
	background: #F8B861;
	text-decoration: none;
}

.btn-b { text-align: center; }
.btn-b i {
	font-size: 24px;
}
.btn-b a {
	padding: 6px 30px;
	border: 1px solid #4495B7;
	color: #4495B7;
	display: inline-block;
	font-size: 18px;
	font-family: 'mplus', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	text-decoration: none;
}
.btn-b a:hover {
	background: #4495B7;
	color: #fff;
	text-decoration: none;
}

.more a {
	padding: 18px 35px;
	font-size: 22px;
}
.more a i { font-size: 40px; vertical-align: top; }


.btn-entry { text-align: center; }
.btn-entry i {
	font-size: 40px;
	vertical-align: top;
}
.btn-entry a {
	padding: 18px 35px;
	background: #F49513;
	color: #FFF;
	display: inline-block;
	font-size: 22px;
	font-family: 'mplus', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	text-decoration: none;
}
.btn-entry a:hover {
	background: #F7AD4A;
	text-decoration: none;
}


.btn-list {}
.btn-list li { padding: 0 10px 10px 0; display: inline-block; }
.btn-list li i {
	font-size: 24px;
}
.btn-list li a {
	padding: 6px 30px;
	border: 1px solid #4495B7;
	color: #4495B7;
	display: inline-block;
	font-size: 18px;
	text-decoration: none;
}
.btn-list li a:hover,
.btn-list li a.current {
	background: #4495B7;
	color: #fff;
	text-decoration: none;
}


/*  背景  */
.line {
	margin-bottom: 80px;
	padding-bottom: 70px;
    background: url(../images/common/line.png) no-repeat center bottom;
}

main .other .logos {
	display: flex;
	justify-content: center;
}

main .other .logos li {
	margin: 0 10px;
}

main .other .logos img {
	max-height: 100px;
}

/*
===== 6: Top ====================================
*/

.pt { padding: 60px 0 0; }

.about h3 {
	padding: 0 0 20px;
	font-size: 25px;
	line-height: 1.4;
	position: relative;
	font-family: 'mplus-bold', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Hiragino Kaku Gothic ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	font-weight:normal;
}
.about h3:before {
	content: "";
	border-bottom: 3px solid #71E0E6;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
}


.topics {}
.topics h2 {
	padding: 20px 0;
	background: url(../images/top/h2-topics.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}


.topics dl {
	margin: 0 0 20px;
}
.topics dt {
	float: left;
	font-weight: bold;
}
.topics dd {
	margin: 0 0 20px;
	padding: 0 0 20px 11em;
	border-bottom: 1px solid #ccc;
}

.mp {}
.mp h2 {
	padding: 40px 0;
	background: url(../images/top/h2-mp.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	
}
.mp .row {
	margin: 0 0 20px;
	text-align: center;
	width: 100%;
}
.mp .row li {
	margin: 0 0 20px;
	padding: 0 0.5px;
	font-size: 14px;
	width: 25%;
}
.mp .row li h3 {
	padding: 30px 20px;
	background: #66A9C6;
	color: #fff;
	text-align: center;
	position: relative;
}
.mp .row li h3:before {
    content: "";
    border-top: 10px solid #66A9C6;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
	margin-left: -10px;
    left: 50%;
	bottom: -20px;
}
.mp .row li h3.plan02 { background: #5496B1; }
.mp .row li h3.plan02:before { border-top: 10px solid #5496B1; }
.mp .row li h3.plan03 { background: #488199; }
.mp .row li h3.plan03:before { border-top: 10px solid #488199; }
.mp .row li h3.plan04 { background: #3E7186; }
.mp .row li h3.plan04:before { border-top: 10px solid #3E7186; }
.mp .row li h3.plan05 { background: #3E7186; }
.mp .row li h3.plan05:before { border-top: 10px solid #3E7186; }
.mp .row li h3.plan06 { background: #2F5C71; }
.mp .row li h3.plan06:before { border-top: 10px solid #2F5C71; }
.mp .row li h3.plan07 { background: #255263; }
.mp .row li h3.plan07:before { border-top: 10px solid #255263; }

.mp .row li p { padding: 10px 20px; }


/*
===== 7: media screen ====================================
*/
@media screen and (max-width: 800px) {
    body {font-size: 14px;}
	body#top { background: none; }
	
	.inner { min-width: 320px; }
	
	#container.scroll { padding: 50px 0 0; }
	
	/*
    ===== HEADER ==========================================
    */
	
	#header { background: #fff; }
    #top #header {
		background: url(../images/common/bg.jpg) no-repeat center top;
	}
	
	#header #logo { margin:0; width: 80px; }
    #header .info {display: block;}
	#header .info ul {
		margin: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100px;
		z-index: 2000;
	}
	#header .info ul li {
		float: left;
		width: 50px;
	}
	
	#menu {
		background: url(../images/common/h-menu.png) no-repeat left top;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
        cursor: pointer;
        display: block;
		height: 50px;
		width: 50px;
		z-index: 2000;
    }
	#menu.active { background-position: left -50px; }
	
    #nav {
		padding: 0;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        height: auto;
        display: none;
		z-index: 2000;
    }
	#nav ul {
		width: 100%;
		display: block;
	}
	#nav ul li {
		padding: 0;
		background: #fff;
		border:none;
		border-bottom: 1px solid #397D9B;
		text-align: left;
		width: 100%;
		display: block;
		position: relative;
	}
	#nav ul li a {
		padding: 10px 15px;
		background: none !important;
		border: none;
		color: #333;
		font-weight: normal;
		text-decoration: none;
		width: 100%;
		display: block;
		height: auto;
		line-height: auto;
		text-align: left;
	}
	#nav ul li a:hover,
	#nav ul li a.current {
		border-bottom: none;
	}
	body#top #nav ul li a:hover { border-bottom: none; }
	body#top #header.scroll a:hover {
		border-bottom: none;
	}
	
	#nav ul li .accordion {
		background: #54A4BC;
		color: #fff;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 50px;
	}
	#nav ul li .accordion:before {
		content: "\f107";
		font-family: fontAwesome;
		font-size: 40px;
		position: absolute;
		right: 12px;
		top: -10px;
	}
	#nav ul li .accordion.active:before {content: "\f106";top: -11px;}
	
	#nav ul li ul { position: static; }
	#nav ul li ul li {
		border-bottom: none;
		border-top: 1px solid #397D9B;
		background: #54A4BC;
		display: block;
	}
	#nav ul li ul li a {
		background: #54A4BC;
		color: #fff;
	}
	
	#header.scroll #nav {
		height: 480px;
		overflow: scroll;
	}
	
    
	/*
    ===== FOOTER ==========================================
    */
	
	#footer .col p,
	#footer .col address,
	#footer .col .tl { text-align: center !important; }
	
	#footer .info { padding: 0 0 20px; }
	
	#footer ul.fnav {
		padding: 0;
		border-left: none;
	}
	#footer ul.fnav li {
	}
	#footer ul.fnav li a {
		color: #fff;
		text-decoration: none;
	}
	
	#footer table.sp-nav {
		margin: 0;
		display: table;
		font-size: 12px;
		table-layout: fixed;
		width: 100%;
		margin-bottom: 20px;
	}
	#footer table.sp-nav td {
		padding: 0;
		vertical-align: middle;
	}
	#footer table.sp-nav td a {
		padding: 15px 20px 15px 10px;
		color: #fff;
		display: block;
		text-decoration: none;
		position: relative;
	}
	#footer table.sp-nav td a:before {
		content: "\f105";
		font-family: fontAwesome;
		font-size: 20px;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -16px;
	}
	
    #footer small {
		display: block;
		float: none;
		text-align: center;
    }
	
	.pagetop {
		margin: 0 auto 40px;
		padding: 0 20px;
		clear: both;
		width: 100%;
		max-width: 1040px;
		position: relative;
	}
	.pagetop .arrow {
		position: fixed;
		display: none;
		right: 0;
		bottom: 20px;
		width: 50px;
		z-index: 500;
	}
	.pagetop .pmark,
	.pagetop .health,
	.pagetop .security-action,
	.pagetop .ssl {
		position: static;
		text-align: center;
		width: 25%;
		float:left;
	}
	
	
	/*
    ===== content ==========================================
    */
	
	.main-img {
		background: url(../images/common/bg.jpg) no-repeat center -50px;
		background-size: auto;
		-moz-background-size: auto;
		-webkit-background-size: auto;
	}
	
    article h1 {
		margin: 0 0 30px;
		font-size: 24px;
		text-align: center;
	}
	article h2 {
		margin: 0 0 30px;
		font-size: 24px;
	}
    
    ul.inline li { padding: 0; display: block; white-space: normal; }
    
    table.block {
	   text-align: left;
        width: 100%;
    }
    table.block th {
        display: block;
        width: 100%;
        text-align: left;
    }
    table.block td {
        padding: 15px 5px;
        border:none;
        display: block;
        width: 100%;
    }
    
    .table-col {display: block;}
    .table-col .col {display: block;}
    .table-col .w350 { width: 100%; }
    .table-col .w260 { width: 100%; }
	
	
	/* ボタン */
	.btn { text-align: center; }
	.btn i {font-size: 16px;}
	.btn a {font-size: 16px;}

	.btn-b { text-align: center; }
	.btn-b i {font-size: 16px;}
	.btn-b a {font-size: 16px;}

	.more a {
		padding: 15px 15px;
		font-size: 16px;
	}
	.more a i { font-size: 16px; vertical-align: middle; }
	
	.btn-list li i {font-size: 16px;}
	.btn-list li a {padding: 6px 15px;font-size: 16px;}
	
	.btn-entry {}
	.btn-entry i {font-size: 28px;}
	.btn-entry a {
		padding: 10px 25px;
		font-size: 16px;
	}
	

	/*  背景  */
	.line {
		margin-bottom: 40px;
		padding-bottom: 30px;
    	background: url(../images/common/line.png) no-repeat center bottom;
	}
	
	
	.pt { padding: 40px 0 0; }
	
	.topics dl {}
	.topics dt {
		float: none;
	}
	.topics dd {
		margin: 0 0 20px;
		padding: 0 0 20px;
		border-bottom: 1px solid #ccc;
	}
	
	.about h3 {
		padding: 0 0 20px;
		font-size: 18px;
		line-height: 1.4;
		position: relative;
	}
	
	
	.mp .row li { width: 50%; }
	.mp .row li h3 { padding: 20px 10px; }
}

@media screen and (max-width: 480px) {
    #header #logo {}
	
	.btn-list li { padding: 0; width: 100%; }
	.btn-list li i {font-size: 14px;}
	.btn-list li a { display: block; font-size: 14px; text-align: left;}
    
    article h1,
    article h2 { font-size: 18px; }
	
	.mp .row li { width: 100%; }
}

@media screen and (min-width: 800px) {
	main .other {
		display: flex;
		justify-content: space-between;
	}
)