@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');


/*######################################################################*/
/*																		*/
/*	common       														*/
/*																		*/
/*######################################################################*/

* { box-sizing:border-box; }
body { position:relative; color:#000; line-height:1.5; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体','Meiryo', 'メイリオ', sans-serif; font-size:15px; }
a { color:#3e62ad; text-decoration:none; }
a:hover { color:#5586ec; text-decoration:underline; }
img { vertical-align:top; max-width:100%; height:auto; }
.PC { display:block; }
.SP { display:none; }

strong { font-weight:bolder; }

.spacer20 { display:block; margin:0 0 20px 0; padding:0; border:0 !important; }
.spacer20-border { display:block; margin:0 0 20px 0; padding:0; border:0 !important; border-top:rgba(0,0,0,0.25) 1px solid !important; }
.spacer40 { display:block; margin:0 0 40px 0; padding:0; border:0 !important; }
.spacer40-border { display:block; margin:0 0 40px 0; padding:0; border:0 !important; border-top:rgba(0,0,0,0.25) 1px solid !important; }

/*######################################################################*/
/*																		*/
/*	Head        														*/
/*																		*/
/*######################################################################*/

.Head { position:relative; z-index:201; width:100%; min-width:1000px; min-height:165px; padding-top:10px; background:url('../images/common/head_bg.png') no-repeat center bottom; background-size:cover; }
    .HeadInner { max-width:980px; margin:0 auto; }
    .HeadInner::after { content:''; display:table; clear:both; height:0; }
.Head h1 { float:left; }
    .Head h1 > img { height:60px; margin-right:1.0em; }
    .Head h1 small { position:relative; top:2.35em; }
    .Head h1 small img { height:15px; margin-left:1.0em; }
.Head aside { float:right; }
.Head aside a { display:inline-block; position:relative; top:18px; padding:0 20px; border:#3e62ad 1px solid; border-radius:2px; color:#3e62ad; line-height:32px; font-size:0.9em; transition:0.4s; }
.Head aside a::before { content:''; display:inline-block; position:relative; top:0.2em; width:1.2em; height:1.2em; background:url('../images/common/icon-pin.png') no-repeat 0 center; background-size:auto 1.2em; }
.Head aside a:hover { opacity:0.75; transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	Nav           														*/
/*																		*/
/*######################################################################*/

.Nav { position:relative; z-index:201; width:100%; max-width:980px; margin:10px auto 0; border:#dadcdd 1px solid; border-radius:5px; background:rgba(255,255,255,0.85); }
.Nav ul {  }
.Nav ul::after { content:''; display:table; clear:both; height:0; }
.Nav li { display:inline; }
.Nav a { display:block; float:left; width:20%; padding:50px 0 10px; border-right:#dadcdd 1px solid; text-align:center; }
    .Nav li:nth-child(1) a { background:url('../images/common/icon-home.png') no-repeat center 15px; }
    .Nav li:nth-child(2) a { background:url('../images/common/icon-archive.png') no-repeat center 15px; }
    .Nav li:nth-child(3) a { background:url('../images/common/icon-talk.png') no-repeat center 10px; }
    .Nav li:nth-child(4) a { background:url('../images/common/icon-shakehand.png') no-repeat center 15px; }
    .Nav li:nth-child(5) a { border-right:0; background:url('../images/common/icon-paperplane.png') no-repeat center 15px; }
    .Nav li:nth-child(6) a { border-right:0; background:url('../images/common/icon-mail.png') no-repeat center 15px; }
.Nav a:hover { color:#3e62ad; box-shadow:inset 0 0 0 2px rgba(62,98,173,0.5); transition:0.4s; }
.Nav .trigger { display:none; }


main, .main { padding:10px 0 50px;
    background:#b6e0ca;
    background:-moz-linear-gradient(top, #b6e0ca 0%, #f1efdf 100%);
    background:-webkit-linear-gradient(top, #b6e0ca 0%,#f1efdf 100%);
    background:linear-gradient(to bottom, #b6e0ca 0%,#f1efdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e0ca', endColorstr='#f1efdf',GradientType=0 );
}

.intro { width:100%; max-width:980px; margin:40px auto 40px; }
.intro::after { content:''; display:table; clear:both; height:0; }

/*######################################################################*/
/*																		*/
/*	slide        														*/
/*																		*/
/*######################################################################*/

.slide { position:relative; overflow:hidden; float:left; width:600px; margin-right:20px; border-radius:8px; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.slideInner { position:relative; width:100%; }
.slideInner::after { content:''; display:table; clear:both; height:0; }
.slide ul {  }
.slide li {  }
.slide figure {  }
.slide figcaption { position:absolute; z-index:2; left:0; bottom:0; width:100%; padding:15px 50px; color:#fff; font-size:0.975em; background:rgba(0,0,0,0.75); }
.slide img { width:100%; }

/* metaslider */
.metaslider .flexslider { margin-bottom:0 !important; }
.caption-wrap { padding:15px 50px; color:#fff; font-size:0.975em; }

/*######################################################################*/
/*																		*/
/*	news        														*/
/*																		*/
/*######################################################################*/

.news { float:left; width:360px; border-radius:0 0 5px 5px; border-top:#3e62ad 3px solid; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.newsInner { position:relative; width:100%; }
.newsInner::after { content:''; display:table; clear:both; height:0; }
.news header { padding:15px; border-bottom:#dadcdd 1px solid; }
.news header::after { content:''; display:table; clear:both; height:0; }
.news header h2 { display:inline-block; font-size:1.5em; }
.news header h2::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-news.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.news header a { display:inline-block; position:relative; top:0.85em; float:right; color:#3e62ad; font-size:0.85em; }
.news header a::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-more.png') no-repeat 0 0.05em; background-size:1.0em 1.0em; }
.news ul { position:relative; overflow:auto; height:331px; font-size:0.95em; }
.news li { padding:15px; }
.news li:nth-child(even) { background:#f5f7fb; }
.news sub { display:block; font-size:0.9em; }
.news .time { display:inline-block; margin-right:0.5em; color:#808080; font-family:Arial, sans-serif; font-weight:600; }
.news .update { display:inline-block; margin-right:0.5em; color:#ff4848; font-family:Arial, sans-serif; font-weight:600; }
.news img { width:100%; }

/*######################################################################*/
/*																		*/
/*	content        														*/
/*																		*/
/*######################################################################*/

.content { max-width:980px; margin:0 auto 40px; border-top:#3e62ad 3px solid; border-radius:0 0 5px 5px; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.contentInner { padding:0 20px 20px; }
.contentInner::after { content:''; display:table; clear:both; height:0; }
.content header { padding:15px 20px; }
.content header::after { content:''; display:table; clear:both; height:0; }
.content header h2 { display:inline-block; font-size:1.4em; }
.content header h2::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-search.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.content01 { float:left; width:552px; margin-right:33px; padding-right:33px; border-right:#dadcdd 1px solid; }
.content01 h3 { margin-bottom:15px; padding-left:15px; border-radius:5px; color:#fff; line-height:45px; font-size:1.2em; background:#3e62ad; }
.content01 h3::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-flag-wh.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.content ul { margin-bottom:-15px; }
.content ul::after { content:''; display:table; clear:both; height:0; }
.content01 li { float:left; width:32%; margin-bottom:15px; }
.content01 li:nth-child(2),
.content01 li:nth-child(5) { margin-right:2%; margin-left:2%; }
.content figure { position:relative; }
.content figure::before { content:''; display:block; position:absolute; top:8px; left:8px; z-index:2; width:0.8em; height:0.8em; border-radius:0.8em; background:#fff url('../images/common/icon-arrow.png') no-repeat 0 0; background-size:auto 0.8em; }
.content figcaption { display:block; min-height:2.4em; margin-top:0.65em; text-align:center; }
.content img { width:100%; transition:0.4s; }
.content a:hover img { opacity:0.75; transition:0.4s; }
.content02 { float:left; width:352px; }
.content02 h3 { margin-bottom:15px; padding-left:15px; border-radius:5px; color:#fff; line-height:45px; font-size:1.2em; background:#4d946e; }
.content02 h3::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-human-wh.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.content02 li { float:left; width:49%; margin-bottom:15px; }
.content02 li:nth-child(1),
.content02 li:nth-child(3) { margin-right:2%; }
.content03 { clear:both; width:100%; margin:2.0rem 0 2.0rem; padding-top:1.5rem; border-top:#dadcdd 1px solid; }
.content03 h3 { display:none; margin-bottom:15px; padding-left:15px; border-radius:5px; color:#fff; line-height:45px; font-size:1.2em; background:#944949; }
.content03 h3::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-human-wh.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.content03 ul { text-align:center; }
.content03 li { display:inline-block; width:33%; margin:0 5px; }
.content03 li a { display:block; border-radius:5px; border:#944949 1px solid; color:#fff; line-height:50px; background:#944949; }
.content03 li a::before { content:''; display:inline-block; position:relative; top:0.1em; left:0; z-index:2; width:0.8em; height:0.8em; margin-right:0.2em; border-radius:0.8em; background:url('../images/common/icon-arrow-wh.png') no-repeat 0 0; background-size:auto 0.8em; }

/*######################################################################*/
/*																		*/
/*	join        														*/
/*																		*/
/*######################################################################*/

.home .join { max-width:980px; margin:0 auto 40px; border-top:#3e62ad 3px solid; border-radius:0 0 5px 5px; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.home .joinInner { padding:0 20px 20px; }
.home .joinInner::after { content:''; display:table; clear:both; height:0; }
.home .join header { padding:15px 0; }
.home .join header::after { content:''; display:table; clear:both; height:0; }
.home .join header h2 { display:inline-block; font-size:1.4em; }
.home .join header h2::before { content:''; display:inline-block; position:relative; top:0.15em; width:1.8em; height:1.0em; background:url('../images/common/icon-shakehand.png') no-repeat 0 0; background-size:auto 1.0em; }
.home .join .cover { margin-bottom:40px; }
.home .join .cover::after { content:''; display:table; clear:both; height:0; }
.home .joinInner p { float:left; width:50%; }
.home .joinInner ul { float:left; width:50%; text-align:right; }
.home .joinInner li { display:inline; }
.home .joinInner li a { display:inline-block; position:relative; min-width:40%; margin-left:10px; padding:0 20px; border:#3e62ad 1px solid; border-radius:2px; color:#3e62ad; line-height:32px; font-size:1.0em; text-align:center; transition:0.4s; }
.home .joinInner li:nth-child(2) a { border-color:#ff4848; color:#ff4848; }
.home .joinInner li:nth-child(1) a::before { content:''; display:inline-block; position:relative; top:0.25em; width:1.75em; height:1.2em; background:url('../images/common/icon-shakehand.png') no-repeat 0 center; background-size:auto 1.0em; }
.home .joinInner li:nth-child(2) a::before { content:''; display:inline-block; position:relative; top:0.35em; width:1.2em; height:1.2em; background:url('../images/common/icon-redwing.png') no-repeat 0 center; background-size:auto 1.2em; }
.home .joinInner li a:hover { opacity:0.75; transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	recommend      														*/
/*																		*/
/*######################################################################*/

.recommend { max-width:980px; margin:0 auto; }
.recommendInner {  }
.recommendInner::after { content:''; display:table; clear:both; height:0; }

.facebook { float:left; max-width:540px; margin-right:20px; border-top:#3e62ad 3px solid; border-radius:0 0 5px 5px; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.facebookInner { padding:0 20px 20px; }
.facebookInner::after { content:''; display:table; clear:both; height:0; }
.facebook header { padding:15px 0; }
.facebook header::after { content:''; display:table; clear:both; height:0; }
.facebook header h2 { display:inline-block; font-size:1.4em; }
.facebook header h2::before { content:''; display:inline-block; position:relative; top:0.05em; width:1.2em; height:1.0em; background:url('../images/common/icon-facebook.png') no-repeat 0 0; background-size:auto 1.0em; }
.facebookInner > div { width:500px; }
.recommendInner ul { float:left; width:420px; }
.recommendInner li { margin-bottom:18px; }
.recommendInner li:last-child { margin-bottom:0; }
.recommendInner li a img { transition:0.4s; }
.recommendInner li a:hover img { opacity:0.75; transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	Main        														*/
/*																		*/
/*######################################################################*/

.Main { max-width:980px; margin:0 auto; }
.Main::after { content:''; display:table; clear:both; height:0; }

.Main header { margin-bottom:20px; }
.Main header .bread { font-size:0.8em; text-align:right; }
.Main header h2 { font-size:2.0em; }

.MainInner { margin-bottom:40px; }
.MainInner::after { content:''; display:table; clear:both; height:0; }
.MainContent { float:left; width:700px; padding:25px; border-radius:0 0 5px 5px; border-top:#3e62ad 3px solid; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.MainContent::after { content:''; display:table; clear:both; height:0; }
.MainAside { float:left; width:260px; margin-left:20px; }
.MainAside::after { content:''; display:table; clear:both; height:0; }
.localNav { margin-bottom:25px; border-radius:0 0 5px 5px; border-top:#3e62ad 3px solid; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.localNav h4 { position:relative; padding:25px 25px 10px; font-size:1.3em; }
.localNav h4::before { content:''; display:inline-block; position:relative; top:-0.3em; width:0.7em; height:3px; margin-right:5px; background:#3e62ad; box-shadow:0 -6px 0 0 #3e62ad,0 6px 0 0 #3e62ad; }
.localNav dl { }
.localNav dt { display:block; position:relative; padding:10px 25px; border-top:#ddd 1px solid; font-size:0.9em; cursor:pointer; }
.localNav dt::before { content:''; display:block; position:absolute; top:50%; right:15px; width:8px; height:1px; background:#666; }
.localNav dt::after { content:''; display:block; position:absolute; top:50%; right:15px; width:8px; height:1px; background:#666; transform:rotate(90deg); transition:0.4s; }
.localNav dt.active::before { content:''; display:block; position:absolute; top:50%; right:15px; width:8px; height:1px; background:#666; }
.localNav dt.active::after { content:''; display:block; position:absolute; top:50%; right:15px; width:8px; height:1px; background:#666; transform:rotate(0deg); transition:0.4s; }
    .localNav-service-target { color:#fff; background:#3e62ad; }
    .localNav-service-purpose { color:#fff; background:#3ead75; }
    .localNav-service-support { color:#fff; background:#944949; }
        .localNav .localNav-service-target::before,
        .localNav .localNav-service-purpose::before,
        .localNav .localNav-service-support::before { content:''; display:block; position:absolute; top:50%; right:15px; width:8px; height:1px; background:#fff; }
        .localNav .localNav-service-target::after,
        .localNav .localNav-service-purpose::after,
        .localNav .localNav-service-support::after { content:''; display:block; position:absolute; top:50%; right:15px; width:8px; height:1px; background:#fff; transform:rotate(90deg); transition:0.4s; }
        .localNav .localNav-service-target.active::before,
        .localNav .localNav-service-purpose.active::before,
        .localNav .localNav-service-support.active::before { content:''; display:block; position:absolute; top:50%; right:15px; width:8px; height:1px; background:#fff; }
        .localNav .localNav-service-target.active::after,
        .localNav .localNav-service-purpose.active::after,
        .localNav .localNav-service-support.active::after { content:''; display:block; position:absolute; top:50%; right:15px; width:8px; height:1px; background:#fff; transform:rotate(0deg); transition:0.4s; }
.localNav dd { display:; position:relative; overflow:hidden; height:0; border-top:#ddd 1px solid; transition:0.4s; }
.localNav dd.active { display:block; height:100%; border-top:0; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; transition:0.4s; }
.localNav dd + dt { border-top:0; }
.localNav a { display:block; position:relative; padding:10px 25px; color:#505050; font-size:0.9em; }
.localNav li:nth-child(even) a { background:#f5f7fb; }
.localNav li:last-child a { border-radius:0 0 5px 5px; }
    .localNav a::before { content:''; display:inline-block; position:absolute; top:50%; right:15px; width:0.35em; height:0.35em; margin-top:-3px; border-top:#3e62ad 1px solid; border-right:#3e62ad 1px solid; transform:rotate(45deg); transition:0.25s; }
.localNav a:hover { color:#3e62ad; }
.localNav a:hover::before { right:10px; transition:0.25s; }
    .localNav .localNav-service-purpose + dd a::before { content:''; display:inline-block; position:absolute; top:50%; right:15px; width:0.35em; height:0.35em; margin-top:-3px; border-top:#3ead75 1px solid; border-right:#3ead75 1px solid; transform:rotate(45deg); transition:0.25s; }

.navBnr { margin-bottom:25px; }
.navBnr li { margin-bottom:10px; }
.navBnr a { transition:0.25s; }
.navBnr a:hover { transition:0.25s; }
.navBnr img { position:relative; top:0; margin-bottom:0; border-radius:6px; border:#3e62ad 1px solid; box-shadow:0 0 0 0 rgba(0,0,0,0.0); transition:0.25s; }
.navBnr a:hover img { position:relative; top:1px; margin-bottom:-1px; border-radius:6px; border:#5586ec 2px solid; -webkit-filter:brightness(1.15); filter:brightness(1.15); box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); transition:0.25s; }

.section {  }
.section::after { content:''; display:table; clear:both; height:0; }
.section h3 { position:relative; width:100%; margin-bottom:25px; font-size:1.75em; }
.section h3::before { content:''; display:inline-block; position:relative; top:-0.1em; width:0.5em; height:0.5em; margin-right:10px; border-top:#3e62ad 3px solid; border-right:#3e62ad 3px solid; transform:rotate(45deg); }
.sectionInner { clear:both; width:100%; }
.section h4 { position:relative; width:100%; margin-bottom:25px; padding:6px 0.7em; border-radius:4px; color:#fff; font-size:1.35em; background:#3e62ad; }
.section h4.sub { background:#4d946e; }
.section h4::before { content:''; display:inline-block; position:relative; top:0.075em; width:4px; height:1.0em; margin-right:10px; background:#fff; }
.section h5 { width:100%; margin-bottom:25px; padding:0 0.7em 4px 0.7em; border-left:#3e62ad 4px solid; border-bottom:#3e62ad 1px solid; font-size:1.25em; font-weight:bolder; }
.section h6 { width:100%; margin-bottom:25px; padding:0 0 0 0.7em; border-left:#3e62ad 4px solid; font-size:1.1em; font-weight:bolder; }
.section p { margin-bottom:25px; line-height:1.6; text-align:justify; }
.section ul { margin-bottom:25px; padding-left:1.0em; font-size:0.9em; }
.section ul > li { position:relative; margin-bottom:0.3em; padding-left:0.75em; }
.section ul > li:last-child { margin-bottom:0; }
.section ul > li::before { content:''; display:inline-block; position:absolute; top:0.425em; left:0; border:transparent 4px solid; border-left:#3e62ad 4px solid; }
.section ul ul { padding-top:0.5em; font-size:1.0em; }
.section ul.nobread li::before { content:none; }
.section ol { margin-bottom:25px; padding-left:2.35em; font-size:0.9em; list-style:decimal; }
.section ol > li { position:relative; margin-bottom:0.3em; }
.section table { width:100%; margin-bottom:25px; border-collapse:collapse; border-top:#a5a7ab 1px solid; border-bottom:#a5a7ab 1px solid; font-size:0.9em; }
.section tr { border-bottom:#b2b2b2 1px dotted; }
.section tr:nth-child(even) { background:#f5f7fb; }
.section th { padding:8px 10px; text-align:left; }
.section td { padding:8px 10px; text-align:center; }
.section table + .notice { margin-top:-15px; color:#808080; font-size:0.8em; text-align:right; }
.section blockquote { margin-bottom:25px; padding:1.3em; border:#abacaf 1px solid; border-radius:5px; line-height:1.6; font-size:0.9em; text-align:justify; background:#f5f7fb; }

.section .cover { margin-bottom:4.0rem; }
.section .cover:after { content:''; display:block; clear:both; height:0; }
.section .cover .x2 { float:left; width:49%; margin-bottom:1.0em; }
.section .cover .x2:nth-child(odd) { margin-right:2%; }
.section .cover .x2-full { float:left; width:50%; }
.section .cover .x3 { float:left; width:32%; }
.section .cover .x3:nth-child(4) { clear:both; }
.section .cover .x3:nth-child(2), .cover .x3:nth-child(5) { margin-left:2%; margin-right:2%; }
.section .cover .x3-full { float:left; width:33.3333%; }
.section .cover .x3.cap_block { float:left; width:32%; }
.section .cover .x3.cap_block:nth-child(4) { clear:both; }
.section .cover .x3.cap_block:nth-child(2), .cover .x3.cap_block:nth-child(5) { margin-left:2%; margin-right:2%; }
.section .cover .x3-1 { float:left; width:40%; }
.section .cover .x3-2 { float:left; width:58%; margin-right:2%; }
.section .cover .x4 { float:left; width:24%; }
.section .cover .x4:nth-child(5), .cover .x4:nth-child(9) { clear:both; }
.section .cover .x4:nth-child(2), .cover .x4:nth-child(6), .cover .x4:nth-child(10) { margin-left:1.3333%; }
.section .cover .x4:nth-child(3), .cover .x4:nth-child(7), .cover .x4:nth-child(11) { margin-left:1.3333%; margin-right:1.3333%; }
.section .cover .x4-1 { float:left; width:20%; margin-right:4%; }
.section .cover .x4-3 { float:left; width:71%; }
.section .cover .x5 { float:left; width:18%; }
.section .cover .x5:nth-child(6), .cover .x5:nth-child(11), .cover .x5:nth-child(16) { clear:both; }
.section .cover .x5:nth-child(2), .cover .x5:nth-child(7), .cover .x5:nth-child(12) { margin-left:2.5%; }
.section .cover .x5:nth-child(3), .cover .x5:nth-child(8), .cover .x5:nth-child(13) { margin-left:2.5%; margin-right:2.5%; }
.section .cover .x5:nth-child(4), .cover .x5:nth-child(9), .cover .x5:nth-child(14) { margin-right:2.5%; }
.section .alignleft { float:left; }
.section .alignright { float:right; }

@media (min-width:320px) and (max-width:768px) {
    .section .cover .x2 { float:none; width:100%; margin-right:0; }
    .section .cover .x2.cap_block { float:left; width:49%; margin-right:2%; }
    .section .cover .x2.cap_block:nth-child(even) { margin-right:0; }
    .section .cover .x3 { float:none; width:100%; }
    .section .cover .x3:nth-child(2), .cover .x3:nth-child(5) { margin-left:0; margin-right:0; }
    .section .cover .x3.cap_block { float:none; width:100%; margin-bottom:2.0rem; }
    .section .cover .x3.cap_block:nth-child(4) { clear:both; }
    .section .cover .x3.cap_block:nth-child(2), .cover .x3.cap_block:nth-child(5) { margin-left:0; margin-right:0; }
    .section .cover .x3-1 { float:none; width:100%; margin:0 0 1.5em; }
    .section .cover .x3-2 { float:none; width:100%; }
    .section .cover .x4 { float:left; width:49%; }
    .section .cover .x4:nth-child(5), .cover .x4:nth-child(9) { clear:inherit; }
    .section .cover .x4:nth-child(2), .cover .x4:nth-child(6), .cover .x4:nth-child(10) { margin-left:0; }
    .section .cover .x4:nth-child(3), .cover .x4:nth-child(7), .cover .x4:nth-child(11) { margin-left:0; margin-right:0; }
    .section .cover .x4:nth-child(3), .cover .x4:nth-child(5) { clear:both; }
    .section .cover .x4:nth-child(1), .cover .x4:nth-child(3), .cover .x4:nth-child(5) { margin-right:2%; }
    .section .cover .x5 { float:left; width:49%; margin-bottom:1.0em; }
    .section .cover .x5:nth-child(2), .cover .x5:nth-child(7), .cover .x5:nth-child(12) { margin-left:0; }
    .section .cover .x5:nth-child(3), .cover .x5:nth-child(8), .cover .x5:nth-child(13) { margin-left:0; margin-right:0; }
    .section .cover .x5:nth-child(4), .cover .x5:nth-child(9), .cover .x5:nth-child(14) { margin-right:0; }
    .section .cover .x5:nth-child(2), .cover .x5:nth-child(4), .cover .x5:nth-child(6) { margin-left:0; }
    .section .cover .x5:nth-child(1), .cover .x5:nth-child(3), .cover .x5:nth-child(5) { margin-left:0; margin-right:2%; }
    .section .alignleft { float:left; }
    .section .alignright { float:right; }
}

.section .btn { display:block; max-width:60%; margin:0 auto; padding:0.85em; border-radius:4px; border:#a5a7ab 1px solid; color:#a5a7ab; line-height:1.2; text-align:center; text-decoration:none; background:#fff; transition:0.25s; }
.section .btn::before { content:''; display:inline-block; position:relative; top:-0.15em; left:0; width:0.35em; height:0.35em; margin-right:8px; border-top:#a5a7ab 2px solid; border-right:#a5a7ab 2px solid; transform:rotate(45deg); transition:0.25s; }
.section .btn:hover { color:#404040; background:#f6f6f6; transition:0.25s; }
.section .btn:hover::before { left:0.175em; border-color:#666; transition:0.25s; }
.section .btn.primary { border-color:#3e62ad; color:#fff; background:#3e62ad; transition:0.25s; }
.section .btn.primary::before { border-color:#fff; transition:0.25s; }
.section .btn.primary:hover { background:#0f2675; box-shadow:0 3px 0 0 #ddd; transition:0.25s; }
.section .btn.primary:hover::before {  }
.section .btn.secondary { border-color:#3e62ad; color:#3e62ad; box-shadow:inset 0 0 0 0 transparent; transition:0.25s; }
.section .btn.secondary::before { border-color:#3e62ad; transition:0.25s; }
.section .btn.secondary:hover { background:#f5f7fb; box-shadow:inset 0 0 0 1px #3e62ad; transition:0.25s; }
.section .btn.secondary:hover::before {  }



/*######################################################################*/
/*																		*/
/*	Foot          														*/
/*																		*/
/*######################################################################*/

.Foot { padding:40px 0 0; color:#404040; line-height:1.4; font-size:0.85em; text-align:center; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.15); }
.FootInner { min-width:1080px; }
.FootInner + .FootInner { padding-top:20px; background:#f8f8f8; }
.FootInner::after { content:''; display:table; clear:both; height:0; }
.Foot nav { max-width:980px; margin:0 auto; }
.Foot nav p { margin-bottom:10px; padding-bottom:10px; border-bottom:#c5c5c5 1px solid; text-align:center; letter-spacing:0.075em; }
.Foot nav + p { margin-bottom:1.75em; color:#ff4848; font-size:1.2em; }
.Foot nav + p::before { content:''; display:inline-block; position:relative; top:0.4em; width:1.6em; height:1.6em; background:url('../images/common/icon-redwing.png') no-repeat 0 0; background-size:auto 1.6em; }
.FootInner dl { max-width:980px; margin:0 auto 20px; }
.FootInner dl::after { content:''; display:table; clear:both; height:0; }
.FootInner dt { float:left; width:40%; font-size:1.3em; text-align:left; }
.FootInner dt small { font-size:0.8em; }
.FootInner dt a { display:inline-block; position:relative; margin-top:3px; padding:0 20px; border:#3e62ad 1px solid; border-radius:2px; color:#3e62ad; line-height:26px; font-size:0.8em; text-align:center; background:#fff; transition:0.4s; }
.FootInner dt a::before { content:''; display:inline-block; position:relative; top:0.1em; width:1.2em; height:1.2em; margin-right:0.3em; background:url('../images/common/icon-build.png') no-repeat 0 center; background-size:auto 1.1em; }
.FootInner dt a:hover { opacity:0.75; transition:0.4s; }
.FootInner dd { float:left; width:60%; line-height:1.75; text-align:right; }
.FootInner dd b { font-weight:bolder; }
.FootInner dd i { font-size:1.275em; letter-spacing:0.0225em; }
.Foot .copyright { display:block; color:#303030; line-height:30px; font-family:Arial, sans-serif; font-size:0.9em; text-align:center; letter-spacing:0.075em; background:#c8c8c8; }
.pageTop { display:block; position:fixed; right:0; bottom:0; z-index:201; width:50px; height:50px; background:rgba(77,148,110,0.75); cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3px 0 0 -3px; border:transparent 2px solid; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(-45deg); }

/* Article */
.Article { position:relative; }
.ArticleInner { position:relative; }
.ArticleInner::after { content:''; display:table; clear:both; height:0; }
.ArticleList { max-width:100%; margin:0 auto; }
.ArticleList::after { content:''; display:table; clear:both; height:0; }
.ArticleList li { position:relative; clear:both; margin:0 0 20px 0 !important; padding:0 0 20px !important; border-bottom:#ddd 1px solid; text-align:left; list-style:none; }
.ArticleList li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.ArticleList li::before { content:none; }
.ArticleList li::after { content:''; display:table; clear:both; height:0; }
.ArticleList li figure { display:block; position:relative; overflow:hidden; float:left; width:180px; height:120px; margin-right:20px; border:#ccc 1px solid; background:#fff; }
.ArticleList li img { width:100%; height:100%; object-fit:cover; }
.ArticleList li h3 { margin-bottom:10px; color:#3e62ad; line-height:1.6; font-size:1.2em; font-weight:bolder; text-decoration:underline; }
.ArticleList li h3 .new { display:inline-block; margin-right:10px; color:#ff4848; font-size:0.8em; }
.ArticleList li .time-category { margin-bottom:20px; font-size:90%; }
.ArticleList li .time-category span { display:inline-block; margin-right:10px; }
.ArticleList li .time-category .time { color:#666; }
.ArticleList li .time-category .category {  }
.ArticleList li .time-category + p { margin-bottom:0; line-height:1.5; font-size:1.0em; text-align:justify; }
.ArticleList li .time-category + p a { color:#3e62ad; }

/* pager */
.Pager { clear:both; margin-top:20px; padding-top:20px; border-top:#ddd 1px solid; }
.Pager h2 { display:none; }
.PagerInner { max-width:100%; margin:0 auto; text-align:center; }
.PagerInner::after { content:''; display:table; clear:both; height:0; }
.PagerInner .page-numbers { display:inline-block; margin:0 0.5rem; font-size:0.8em; text-align:center; }
.PagerInner .page-numbers:hover { color:#3e62ad; }
.PagerInner .page-numbers.current { font-weight:bolder; }
.PagerInner .prev, .PagerInner a[rel=prev] { position:relative; top:auto; float:left; color:#3e62ad; line-height:1.0; font-size:0.8em; }
.PagerInner .next, .PagerInner a[rel=next] { position:relative; top:auto; float:right; color:#3e62ad; line-height:1.0; font-size:0.8em; }

/* contact */
.contactForm { clear:both; margin-top:20px; padding-top:20px; border-top:#ddd 1px solid; }
.contactForm dl { max-width:100%; margin:0 auto; font-size:1.1rem; }
.contactForm dl::after { content:''; display:table; clear:both; height:0; }
.contactForm dl dt { display:block; float:left; clear:both; width:27%; margin:0 0; padding:1.2rem 3% 1.2rem 0; border-top:#ddd 1px dotted; font-size:0.8em; text-align:left; }
.contactForm dl dt::after { content:''; display:table; clear:both; height:0; }
.contactForm dl dd { display:block; float:left; width:70%; margin:0 0; padding:0.6rem 0 0.6rem 0; border-top:#ddd 1px dotted; font-size:0.8em; text-align:left; }
    .contactForm dl dt:first-child { padding-top:0.6rem; border-top:0; }
    .contactForm dl dt:first-child + dd { padding-top:0; border-top:0; }
.contactForm dl dt .must { display:inline-block; float:right; margin:-0.1rem 0 0 0.3rem; padding:0.3rem 0.5rem; border-radius:2px; color:#fff; line-height:1.0; font-size:0.8em; background:#ff4848; }
.contactForm dd input[type='text'],
.contactForm dd input[type='email'],
.contactForm dd input[type='tel'],
.contactForm dd textarea { display:block; width:100%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.contactForm dd textarea { min-height:10em; }
.contactForm dd select { display:inline-block; min-width:32%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.contactForm dd .select { display:inline-block; position:relative; }
.contactForm dd .select::before { content:'▼'; position:absolute; top:50%; right:1.5em; margin-top:-0.5em; font-size:0.5em; }
.contactForm dd label { display:inline-block; clear:both; margin-top:0.25em; margin-right:0.6em; margin-bottom:0.5em; }
.contactForm dd label input[type='radio'] { position:relative; top:0.4em; float:; width:1.4em; height:1.4em; margin-right:0.25em; border:#dadada 1px solid; border-radius:1.4em; background:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.contactForm dd label input[type='radio']:checked { border:#666 6px solid; }
.contactForm dd p { text-align:left; font-size:1.2rem; }
.contactForm form .done { margin:2.0rem auto; text-align:center; font-weight: bold; }
.contactForm form .done input[type='submit'] { display:block; position:relative; width:50%; margin:0 auto; padding:0; border-radius:0.3rem; border:#3e62ad 1px solid; color:#3e62ad; line-height:50px; font-size:18px; font-weight:600; text-align:center; text-indent:1.0em; letter-spacing:1.0em; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
.contactForm form .done input[type='submit'] { background:#fff; transition:0.4s; }
.contactForm form .done input[type='submit']:hover { color:#fff; background:#3e62ad; transition:0.4s; }






/*##################################################################################################################################################*/
/*										                                                      			                             				*/
/*	for SP       						                                                      			                         					*/
/*										                                                      			                             				*/
/*##################################################################################################################################################*/

@media (max-width:768px) {


/*######################################################################*/
/*																		*/
/*	common       														*/
/*																		*/
/*######################################################################*/

* { box-sizing:border-box; letter-spacing:0.05em; }
body { position:relative; color:#222; line-height:1.5; font-family:'Roboto', 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif; font-size:16px; letter-spacing:0.05em; }
a { text-decoration:none; }
img { vertical-align:top; }

.PC { display:none; }
.SP { display:block; }

/*######################################################################*/
/*																		*/
/*	Head        														*/
/*																		*/
/*######################################################################*/

.Head { position:relative; z-index:201; width:100%; min-width:320px; min-height:auto; padding:10px 0; background:url('../images/common/head_bg.png') no-repeat right bottom; background-size:200% auto; }
    .HeadInner { max-width:980px; margin:0 auto; }
    .HeadInner::after { content:''; display:table; clear:both; height:0; }
.Head h1 { float:none; text-align:center; }
    .Head h1 > img { height:32px; margin:0 0 0.25em 0; }
    .Head h1 small { display:block; position:relative; top:0; }
    .Head h1 small img { height:12px; }
.Head aside { display:none; float:none; }
.Head aside a { display:none; position:relative; top:18px; padding:0 20px; border:#3e62ad 1px solid; border-radius:2px; color:#3e62ad; line-height:32px; font-size:0.9em; transition:0.4s; }
.Head aside a::before { content:''; display:inline-block; position:relative; top:0.2em; width:1.2em; height:1.2em; background:url('../images/common/icon-pin.png') no-repeat 0 center; background-size:auto 1.2em; }
.Head aside a:hover { opacity:0.75; transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	Nav           														*/
/*																		*/
/*######################################################################*/

.Nav { position:fixed; top:0; right:0; z-index:201; width:80%; max-width:80%; margin:0; border:0; border-radius:5px; background:rgba(255,255,255,0.0); }
.Nav ul { display:; position:absolute; right:-100%; width:100%; height:100vh; background:rgba(255,255,255,0.9); box-shadow:0 0 4px 0 rgba(0,0,0,0.15); transition:0.25s; }
.Nav ul.active { right:0; transition:0.25s; }
.Nav ul::after { content:''; display:table; clear:both; height:0; }
.Nav li { display:block; }
.Nav a { display:block; float:none; width:100%; padding:15px 15px 15px 40px; border-right:0; border-bottom:#dadcdd 1px solid; text-align:left; }
    .Nav li:nth-child(1) a { background:url('../images/common/icon-home.png') no-repeat 15px center; background-size:auto 14px; }
    .Nav li:nth-child(2) a { background:url('../images/common/icon-archive.png') no-repeat 15px center; background-size:auto 12px; }
    .Nav li:nth-child(3) a { background:url('../images/common/icon-talk.png') no-repeat 15px center; background-size:auto 16px; }
    .Nav li:nth-child(4) a { background:url('../images/common/icon-shakehand.png') no-repeat 15px center; background-size:auto 12px; }
    .Nav li:nth-child(5) a { background:url('../images/common/icon-paperplane.png') no-repeat 15px center; background-size:auto 14px; }
    .Nav li:nth-child(6) a { border-right:0; background:url('../images/common/icon-mail.png') no-repeat 15px center; background-size:auto 12px; }
.Nav li:last-child a { border-bottom:0; }
.Nav a:hover { color:#3e62ad; box-shadow:inset 0 0 0 2px rgba(62,98,173,0.5); transition:0.4s; }
.Nav .trigger { display:block; position:absolute; top:0; right:0; z-index:2; width:40px; height:40px; padding:0; border:0; border-radius:0; background:rgba(255,255,255,0.9); box-shadow:none; transition:0.4s; cursor:pointer; }
.Nav .trigger::before { content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background:#3e62ad; box-shadow:0 -6px 0 0 #3e62ad,0 6px 0 0 #3e62ad; transition:0.4s; }
.Nav .trigger:hover { display:block; position:absolute; top:0; right:0; width:40px; height:40px; padding:0; border:0; border-radius:0; background:rgba(62,98,173,0.9); box-shadow:none; transition:0.4s; }
.Nav .trigger:hover::before { content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background:#fff; box-shadow:0 -6px 0 0 #fff,0 6px 0 0 #fff; transition:0.4s; }
main { padding:10px 0;
    background:#b6e0ca;
    background:-moz-linear-gradient(top, #b6e0ca 0%, #f1efdf 100%);
    background:-webkit-linear-gradient(top, #b6e0ca 0%,#f1efdf 100%);
    background:linear-gradient(to bottom, #b6e0ca 0%,#f1efdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e0ca', endColorstr='#f1efdf',GradientType=0 );
}
.intro { width:100%; max-width:100%; margin:40px auto 40px; }
.intro::after { content:''; display:table; clear:both; height:0; }

/*######################################################################*/
/*																		*/
/*	slide        														*/
/*																		*/
/*######################################################################*/

.slide { position:relative; overflow:hidden; float:none; width:100%; margin-right:0; margin-bottom:25px; border-radius:0; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.slideInner { position:relative; }
.slideInner::after { content:''; display:table; clear:both; height:0; }
.slide ul {  }
.slide li {  }
.slide figure {  }
.slide figcaption { position:relative; z-index:2; left:auto; bottom:auto; width:100%; padding:15px; color:#202020; font-size:0.9em; background:rgba(255,255,255,1.0); }
.slide img { width:100%; }

/*######################################################################*/
/*																		*/
/*	news        														*/
/*																		*/
/*######################################################################*/

.news { float:none; width:96%; margin:0 auto 25px; border-radius:0 0 5px 5px; border-top:#3e62ad 3px solid; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.newsInner { position:relative; width:100%; }
.newsInner::after { content:''; display:table; clear:both; height:0; }
.news header { padding:15px; border-bottom:#dadcdd 1px solid; }
.news header::after { content:''; display:table; clear:both; height:0; }
.news header h2 { display:inline-block; font-size:1.5em; }
.news header h2::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-news.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.news header a { display:inline-block; position:relative; top:0.85em; float:right; color:#3e62ad; font-size:0.85em; }
.news header a::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-more.png') no-repeat 0 0.05em; background-size:1.0em 1.0em; }
.news ul { position:relative; overflow:auto; height:331px; font-size:0.95em; }
.news li { padding:15px; }
.news li:nth-child(even) { background:#f5f7fb; }
.news sub { display:block; font-size:0.9em; }
.news .time { display:inline-block; margin-right:0.5em; color:#808080; font-family:Arial, sans-serif; font-weight:600; }
.news .update { display:inline-block; margin-right:0.5em; color:#ff4848; font-family:Arial, sans-serif; font-weight:600; }
.news img { width:100%; }

/*######################################################################*/
/*																		*/
/*	content        														*/
/*																		*/
/*######################################################################*/

.content { max-width:96%; margin:0 auto 25px; border-top:#3e62ad 3px solid; border-radius:0 0 5px 5px; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.contentInner { padding:0 20px 20px; }
.contentInner::after { content:''; display:table; clear:both; height:0; }
.content header { padding:15px 20px; }
.content header::after { content:''; display:table; clear:both; height:0; }
.content header h2 { display:inline-block; font-size:1.4em; }
.content header h2::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-search.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.content01 { float:none; width:100%; margin:0 auto 20px; padding:0 0 20px 0; border-right:0; border-bottom:#dadcdd 1px solid; }
.content01 h3 { margin-bottom:15px; padding-left:15px; border-radius:5px; color:#fff; line-height:45px; font-size:1.2em; background:#3e62ad; }
.content01 h3::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-flag-wh.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.content ul { margin-bottom:-15px; font-size:0.9em; }
.content ul::after { content:''; display:table; clear:both; height:0; }
.content01 li { float:left; width:48%; margin-bottom:15px; }
.content01 li:nth-child(2),
.content01 li:nth-child(5) { margin-right:0; margin-left:0; }
.content01 li:nth-child(2n+2) { margin-right:0; margin-left:4%; }
.content figure { position:relative; }
.content figure::before { content:''; display:block; position:absolute; top:8px; left:8px; z-index:2; width:0.8em; height:0.8em; border-radius:0.8em; background:#fff url('../images/common/icon-arrow.png') no-repeat 0 0; background-size:auto 0.8em; }
.content figcaption { display:block; min-height:2.4em; margin-top:0.65em; text-align:center; }
.content img { width:100%; transition:0.4s; }
.content a:hover img { opacity:0.75; transition:0.4s; }
.content02 { float:none; width:100%; }
.content02 h3 { margin-bottom:15px; padding-left:15px; border-radius:5px; color:#fff; line-height:45px; font-size:1.2em; background:#4d946e; }
.content02 h3::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-human-wh.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.content02 li { float:left; width:48%; margin-bottom:15px; }
.content02 li:nth-child(1),
.content02 li:nth-child(3) { margin-right:4%; }
.content03 { clear:both; width:100%; margin:2.0rem 0 2.0rem; padding-top:1.5rem; border-top:#dadcdd 1px solid; }
.content03 h3 { display:none; margin-bottom:15px; padding-left:15px; border-radius:5px; color:#fff; line-height:45px; font-size:1.2em; background:#944949; }
.content03 h3::before { content:''; display:inline-block; position:relative; width:1.2em; height:1.0em; background:url('../images/common/icon-human-wh.png') no-repeat 0 0.15em; background-size:auto 0.85em; }
.content03 ul { text-align:center; }
.content03 li { display:block; width:100%; margin:0 0 10px; }
.content03 li:last-child { margin-bottom:0; }
.content03 li a { display:block; border-radius:5px; border:#944949 1px solid; color:#fff; line-height:50px; background:#944949; }
.content03 li a::before { content:''; display:inline-block; position:relative; top:0.1em; left:0; z-index:2; width:0.8em; height:0.8em; margin-right:0.2em; border-radius:0.8em; background:url('../images/common/icon-arrow-wh.png') no-repeat 0 0; background-size:auto 0.8em; }

/*######################################################################*/
/*																		*/
/*	join        														*/
/*																		*/
/*######################################################################*/

.home .join { max-width:96%; margin:0 auto 25px; border-top:#3e62ad 3px solid; border-radius:0 0 5px 5px; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.home .joinInner { padding:0 20px 20px; }
.home .joinInner::after { content:''; display:table; clear:both; height:0; }
.home .join header { padding:15px 0; }
.home .join header::after { content:''; display:table; clear:both; height:0; }
.home .join header h2 { display:inline-block; font-size:1.4em; }
.home .join header h2::before { content:''; display:inline-block; position:relative; top:0.05em; width:1.2em; height:1.0em; background:url('../images/common/icon-like.png') no-repeat 0 0; background-size:auto 1.0em; }
.home .join .cover { margin-bottom:0; }
.home .join .cover::after { content:''; display:table; clear:both; height:0; }
.home .joinInner p { float:none; width:100%; margin-bottom:20px; }
.home .joinInner p br { display:none; }
.home .joinInner ul { float:none; width:100%; text-align:center; }
.home .joinInner li { display:inline; }
.home .joinInner li a { display:block; position:relative; float:none; width:100%; min-width:auto; margin:0 0 15px 0; padding:0 20px; border:#3e62ad 1px solid; border-radius:2px; color:#3e62ad; line-height:32px; font-size:1.0em; text-align:center; transition:0.4s; }
.home .joinInner li:nth-child(2) a { margin-bottom:0; }
.home .joinInner li a::before { content:''; display:inline-block; position:relative; top:0.2em; width:1.2em; height:1.2em; background:url('../images/common/icon-ribbon.png') no-repeat 0 center; background-size:auto 1.1em; }
.home .joinInner li a:hover { opacity:0.75; transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	recommend      														*/
/*																		*/
/*######################################################################*/

.recommend { max-width:96%; margin:0 auto; }
.recommendInner {  }
.recommendInner::after { content:''; display:table; clear:both; height:0; }
.facebook { float:none; max-width:100%; margin:0 0 20px 0; border-top:#3e62ad 3px solid; border-radius:0 0 5px 5px; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.facebookInner { padding:0 20px 20px; }
.facebookInner::after { content:''; display:table; clear:both; height:0; }
.facebookInner img { width:100%; }
.facebook header { padding:15px 0; }
.facebook header::after { content:''; display:table; clear:both; height:0; }
.facebook header h2 { display:inline-block; font-size:1.4em; }
.facebook header h2::before { content:''; display:inline-block; position:relative; top:0.05em; width:1.2em; height:1.0em; background:url('../images/common/icon-facebook.png') no-repeat 0 0; background-size:auto 1.0em; }
.facebookInner > div { width:100%; }
.facebook .fb-page { max-width:100%; }
.recommendInner ul { float:none; width:96%; margin:0 auto 25px; }
.recommendInner li { margin-bottom:10px; }
.recommendInner li:last-child { margin-bottom:0; }
.recommendInner li a img { width:100%; transition:0.4s; }
.recommendInner li a:hover img { opacity:0.75; transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	Main        														*/
/*																		*/
/*######################################################################*/

.Main { max-width:96%; margin:0 auto; }
.Main::after { content:''; display:table; clear:both; height:0; }
.Main header { margin-bottom:10px; }
.Main header .bread { display:none; font-size:0.8em; text-align:right; }
.Main header h2 { font-size:1.3em; }
.MainInner {  }
.MainInner::after { content:''; display:table; clear:both; height:0; }
.MainContent { float:none; width:100%;margin-bottom:20px; padding:15px; border-radius:0 0 5px 5px; border-top:#3e62ad 3px solid; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.MainContent::after { content:''; display:table; clear:both; height:0; }
.MainAside { float:none; width:100%; margin:0 auto 25px; }
.MainAside::after { content:''; display:table; clear:both; height:0; }
.localNav { margin-bottom:25px; border-radius:0 0 5px 5px; border-top:#3e62ad 3px solid; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); }
.localNav h4 { position:relative; padding:15px 15px 10px; font-size:1.1em; }
.localNav h4::before { content:''; display:inline-block; position:relative; top:-0.3em; width:0.7em; height:3px; margin-right:5px; background:#3e62ad; box-shadow:0 -6px 0 0 #3e62ad,0 6px 0 0 #3e62ad; }
.localNav a { display:block; position:relative; padding:10px 25px; color:#505050; font-size:0.9em; }
.localNav li:nth-child(even) a { background:#f5f7fb; }
.localNav li:last-child a { border-radius:0 0 5px 5px; }
    .localNav a::before { content:''; display:inline-block; position:absolute; top:50%; right:15px; width:0.35em; height:0.35em; margin-top:-3px; border-top:#3e62ad 1px solid; border-right:#3e62ad 1px solid; transform:rotate(45deg); transition:0.25s; }
.localNav a:hover { color:#3e62ad; }
.localNav a:hover::before { right:10px; transition:0.25s; }
.navBnr { margin-bottom:25px; }
.navBnr li { margin-bottom:10px; }
.navBnr a { transition:0.25s; }
.navBnr a:hover { opacity:0.75; transition:0.25s; }
.navBnr a img { width:100%; }
.section {  }
.section::after { content:''; display:table; clear:both; height:0; }
.section h3 { position:relative; width:100%; margin-bottom:0.25em; font-size:1.1em; }
.section h3::before { content:''; display:inline-block; position:relative; top:-0.1em; width:0.5em; height:0.5em; margin-right:10px; border-top:#3e62ad 3px solid; border-right:#3e62ad 3px solid; transform:rotate(45deg); }
.section h4 { position:relative; width:100%; margin-bottom:15px; padding:6px 0.7em; border-radius:4px; color:#fff; font-size:1.0em; background:#3e62ad; }
.section h4.sub { background:#4d946e; }
.section h4::before { content:''; display:inline-block; position:relative; top:0.075em; width:4px; height:1.0em; margin-right:10px; background:#fff; }
.section h5 { width:100%; margin-bottom:15px; padding:0 0.7em 4px 0.7em; border-left:#3e62ad 4px solid; border-bottom:#3e62ad 1px solid; font-size:1.0em; font-weight:bolder; }
.section h6 { width:100%; margin-bottom:15px; padding:0 0 0 0.7em; border-left:#3e62ad 4px solid; font-size:1.0em; font-weight:bolder; }
.section p { margin-bottom:15px; line-height:1.6; text-align:justify; }
.section ul { margin-bottom:15px; padding-left:1.0em; font-size:0.9em; }
.section ul > li { position:relative; margin-bottom:0.3em; padding-left:0.75em; }
.section ul > li:last-child { margin-bottom:0; }
.section ul > li::before { content:''; display:inline-block; position:absolute; top:0.425em; left:0; border:transparent 4px solid; border-left:#3e62ad 4px solid; }
.section ul.nobread li::before { content:none; }
.section ol { margin-bottom:15px; padding-left:2.35em; font-size:0.9em; list-style:decimal; }
.section ol > li { position:relative; margin-bottom:0.3em; }
.section table { width:100%; margin-bottom:25px; border-collapse:collapse; border-top:#a5a7ab 1px solid; border-bottom:#a5a7ab 1px solid; font-size:0.9em; }
.section tr { border-bottom:#b2b2b2 1px dotted; }
.section tr:last-child { border-bottom:0; }
.section tr:nth-child(even) { background:#f5f7fb; }
.section th { padding:8px 0; text-align:left; }
.section td { padding:8px 0; text-align:center; }
.section table + .notice { margin-top:-15px; color:#808080; font-size:0.8em; text-align:right; }
.section blockquote { margin-bottom:15px; padding:1.3em; border:#abacaf 1px solid; border-radius:5px; line-height:1.6; font-size:0.9em; text-align:justify; background:#f5f7fb; }
.section .cover { margin-bottom:15px; padding:0; }
.section .cover > li { padding:0; }
.section .cover::after { content:''; display:table; clear:both; height:0; }
.section .cover .x3 { float:none; width:100%; margin-bottom:10px; }
.section .cover .x3:nth-child(3n+2) { margin-right:0; margin-left:0; }
.section .btn { display:block; padding:0.85em; border-radius:4px; border:#a5a7ab 1px solid; color:#a5a7ab; line-height:1.2; text-align:center; background:#fff; transition:0.25s; }
.section .btn::before { content:''; display:inline-block; position:relative; top:-0.15em; left:0; width:0.35em; height:0.35em; margin-right:8px; border-top:#a5a7ab 2px solid; border-right:#a5a7ab 2px solid; transform:rotate(45deg); transition:0.25s; }
.section .btn:hover { color:#404040; background:#f6f6f6; transition:0.25s; }
.section .btn:hover::before { left:0.175em; border-color:#666; transition:0.25s; }
.section .btn.primary { border-color:#3e62ad; color:#fff; background:#3e62ad; transition:0.25s; }
.section .btn.primary::before { border-color:#fff; transition:0.25s; }
.section .btn.primary:hover { background:#0f2675; box-shadow:0 3px 0 0 #ddd; transition:0.25s; }
.section .btn.primary:hover::before {  }
.section .btn.secondary { border-color:#3e62ad; color:#3e62ad; box-shadow:inset 0 0 0 0 transparent; transition:0.25s; }
.section .btn.secondary::before { border-color:#3e62ad; transition:0.25s; }
.section .btn.secondary:hover { background:#f5f7fb; box-shadow:inset 0 0 0 1px #3e62ad; transition:0.25s; }
.section .btn.secondary:hover::before {  }

.Article { position:relative; padding:0.5rem 0 0.0rem 0; color:#000; }
.ArticleInner { position:relative; width:100%; min-width:100%; max-width:100%; margin:0 auto; }
.ArticleInner::after { content:''; display:table; clear:both; height:0; }
.Article header { margin-bottom:2.0rem; text-align:center; }
.Article header h2 { color:#fff; font-size:2.1rem; font-weight:bolder; text-align:center; letter-spacing:0.2em; text-transform:uppercase; }
.Article header h2 small { display:block; color:#fadf9b; font-size:1.5rem; font-weight:normal; }
.Article > p { margin-bottom:1.5rem; }
.ArticleMain { max-width:86%; margin:0 auto; }
.ArticleMain header { margin-bottom:3.0rem; }
.ArticleMain header h3 { padding:2.0rem 0 0; border:0; border-top:rgba(255,255,255,0.4) 1px solid; font-size:1.8rem; font-weight:bolder; }
.ArticleMain header h3 small { display:block; margin-top:1.0rem; font-size:1.1rem; font-weight:normal; }
.ArticleList { max-width:100%; margin:0 auto; }
.ArticleList::after { content:''; display:table; clear:both; height:0; }
.ArticleList li { position:relative; margin-bottom:2.0rem; padding:0 1.0rem; text-align:left; }
.ArticleList li::before { content:none!important; border:0; }
.ArticleList li::after { content:''; display:table; clear:both; height:0; }
.ArticleList li .new { display:block; position:absolute; top:-1.5rem; left:1.0rem; z-index:3; width:auto; height:auto; border:0; border-radius:0; color:#fff !important; line-height:2.0rem; font-size:1.3rem; font-weight:bolder; text-align:center; background:#ff4848; transform:translate(-50%,-100%); }
.ArticleList li figure { display:block; position:relative; overflow:hidden; float:none; width:auto; max-width:80%; height:165px; margin:0 auto 1.5rem; border:#ccc 1px solid; }
.ArticleList li figure img { width:100%; height:100%; object-fit:cover; }
.ArticleList li figcaption { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
.ArticleList li figcaption .month { display:block; position:absolute; top:50%; left:50%; width:4.0rem; height:4.0rem; padding:0; border-radius:0; color:#382a2b; line-height:4.0rem; font-size:1.5rem; font-weight:bolder; text-align:center; background:#ffa126; transform:translate(-50%,-100%); }
.ArticleList li figcaption .day { display:block; position:absolute; top:50%; left:50%; width:4.0rem; height:4.0rem; padding:0; border-radius:0; color:#382a2b; line-height:4.0rem; font-size:1.5rem; font-weight:bolder; text-align:center; background:#fff; transform:translate(-50%,0); }
.ArticleList li img { width:100%; border:#fff 3px solid; transition:0.0s; }
    .ArticleList li a:hover img { width:100%; border:#fff 3px solid; transition:0.0s; }
.ArticleList li h3 { margin-bottom:0.5rem; color:#ffa126; line-height:1.6; font-size:1.2rem; font-weight:bolder; }
.ArticleList li span { display:inline-block; position:relative; top:0.0rem; margin-left:0.0em; margin-bottom:0; padding:0 0; border-radius:0; border:0; color:rgba(0,0,0,1.0); line-height:1.4rem; font-size:0.8rem; font-weight:normal; letter-spacing:0; }
.ArticleList li p { color:#303030; line-height:1.8; font-size:1.0rem; font-weight:normal; text-align:justify; }
.ArticleList li .time-category { margin-bottom:0.6rem; font-size:90%; }
.ArticleList li .time-category + p { font-size:1.0rem; }

.Pager { clear:both; margin-top:0.0rem; padding-top:1.0rem; border-top:rgba(0,0,0,0.25) 1px solid; }
.Pager h2 { display:none; }
.PagerInner { max-width:80%; margin:0 auto; color:inherit; text-align:center; }
.PagerInner::after { content:''; display:table; clear:both; height:0; }
.page-numbers { display:inline-block; width:2.0rem; height:2.0rem; margin:0 0.1rem !important; border:rgba(85,134,236,1.0) 1px solid; border-radius:10.0rem; color:rgba(85,134,236,1.0); line-height:2.0rem; font-size:1.2rem; text-align:center; transition:0.0s; }
.page-numbers:hover { transform:inherit; transition:0.0s; }
.page-numbers.current { border:rgba(180,180,180,1.0) 1px solid; color:rgba(56,42,43,1.0); background:rgba(255,255,255,1.0); }
.Pager .nav-links { position:relative; }
.PagerInner .prev, .PagerInner a[rel=prev] { position:absolute; float:none; top:0.7rem; left:-1.5rem; margin:0; border:0; color:rgba(85,134,236,1.0); line-height:1.0; font-size:0; }
.PagerInner .prev::before, .PagerInner a[rel=prev]::before { content:''; display:block; position:relative; top:0.1em; float:left; width:0.5rem; height:0.5rem; margin-right:0.5rem; border-top:rgba(85,134,236,1.0) 2px solid; border-right:rgba(85,134,236,1.0) 2px solid; transform:rotate(-135deg); }
.PagerInner .prev:hover, .PagerInner a[rel=prev]:hover { background:transparent; transform:rotate(0); }
.PagerInner .next, .PagerInner a[rel=next] { position:absolute; top:0.7rem; right:-1.5rem; float:none; margin:0; border:0; color:rgba(85,134,236,1.0); line-height:1.0; font-size:0; }
.PagerInner .next::after, .PagerInner a[rel=next]::after { content:''; display:block; position:relative; top:0.1em; float:right; width:0.5rem; height:0.5rem; margin-left:0.5rem; border-top:rgba(85,134,236,1.0) 2px solid; border-right:rgba(85,134,236,1.0) 2px solid; transform:rotate(45deg); }
.PagerInner .next:hover, .PagerInner a[rel=next]:hover { background:transparent; transform:rotate(0); }

/* contact */
.contactForm { clear:both; margin-top:20px; padding-top:20px; border-top:#ddd 1px solid; }
.contactForm dl { max-width:100%; margin:0 auto; font-size:1.1rem; }
.contactForm dl::after { content:''; display:table; clear:both; height:0; }
.contactForm dl dt { display:block; float:none; clear:both; width:100%; margin:0 0; padding:1.2rem 0 0 0; border-top:#ddd 1px dotted; font-size:0.8em; text-align:left; }
.contactForm dl dt::after { content:''; display:table; clear:both; height:0; }
.contactForm dl dd { display:block; float:none; width:100%; margin:0 0; padding:0.6rem 0 0.6rem 0; border-top:0; font-size:0.8em; text-align:left; }
    .contactForm dl dt:first-child { padding-top:0; border-top:0; }
    .contactForm dl dt:first-child + dd { padding-top:0.6rem; border-top:0; }
.contactForm dl dt .must { display:inline-block; float:none; margin:-0.3rem 0 0 0.5rem; padding:0.3rem 0.5rem; border-radius:2px; color:#fff; line-height:1.0; font-size:0.8em; background:#ff4848; }
.contactForm dd input[type='text'],
.contactForm dd input[type='email'],
.contactForm dd input[type='tel'],
.contactForm dd textarea { display:block; width:100%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.contactForm dd textarea { min-height:10em; }
.contactForm dd select { display:inline-block; min-width:32%; padding:0.4em 1.0em; border:#dadada 1px solid; border-radius:3px; line-height:1.4em; font-size:16px; background:#f8f8f8; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.contactForm dd .select { display:inline-block; position:relative; }
.contactForm dd .select::before { content:'▼'; position:absolute; top:50%; right:1.5em; margin-top:-0.5em; font-size:0.5em; }
.contactForm dd label { display:inline-block; clear:both; margin-top:0.25em; margin-right:0.6em; margin-bottom:0.5em; }
.contactForm dd label input[type='radio'] { position:relative; top:0.4em; float:; width:1.4em; height:1.4em; margin-right:0.25em; border:#dadada 1px solid; border-radius:1.4em; background:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.contactForm dd label input[type='radio']:checked { border:#666 6px solid; }
.contactForm dd p { text-align:left; font-size:1.2rem; }
.contactForm form .done { margin:2.0rem auto 0; text-align:center; font-weight: bold; }
.contactForm form .done input[type='submit'] { display:block; position:relative; width:86%; margin:0 auto; padding:0; border-radius:0.3rem; border:#3e62ad 1px solid; color:#3e62ad; line-height:50px; font-size:18px; font-weight:600; text-align:center; text-indent:1.0em; letter-spacing:1.0em; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
.contactForm form .done input[type='submit'] { background:#fff; transition:0.4s; }
.contactForm form .done input[type='submit']:hover { color:#3e62ad; background:#fff; transition:0.4s; }

/*######################################################################*/
/*																		*/
/*	Foot          														*/
/*																		*/
/*######################################################################*/

.Foot { padding:25px 0 0; color:#404040; line-height:1.4; font-size:0.85em; text-align:center; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.15); }
.FootInner { min-width:96%; }
.FootInner + .FootInner { padding-top:20px; background:#f8f8f8; }
.FootInner::after { content:''; display:table; clear:both; height:0; }
.Foot nav { max-width:80%; margin:0 auto; }
.Foot nav p { margin-bottom:10px; padding-bottom:10px; border-bottom:#c5c5c5 1px solid; text-align:center; letter-spacing:0.075em; }
.Foot nav + p { max-width:80%; margin:0 auto; margin-bottom:1.75em; color:#ff4848; font-size:1.1em; }
.Foot nav + p::before { content:''; display:inline-block; position:relative; top:0.4em; width:1.6em; height:1.6em; background:url('../images/common/icon-redwing.png') no-repeat 0 0; background-size:auto 1.6em; }
.FootInner dl { max-width:90%; margin:0 auto 20px; }
.FootInner dl::after { content:''; display:table; clear:both; height:0; }
.FootInner dt { float:none; width:100%; margin-bottom:10px; font-size:1.1em; text-align:center; }
.FootInner dt small { font-size:0.8em; }
.FootInner dt a { display:inline-block; position:relative; margin-top:5px; padding:0 20px; border:#3e62ad 1px solid; border-radius:2px; color:#3e62ad; line-height:30px; font-size:1.0em; text-align:center; background:#fff; transition:0.4s; }
.FootInner dt a::before { content:''; display:inline-block; position:relative; top:0.1em; width:1.2em; height:1.2em; margin-right:0.3em; background:url('../images/common/icon-build.png') no-repeat 0 center; background-size:auto 1.1em; }
.FootInner dt a:hover { opacity:0.75; transition:0.4s; }
.FootInner dd { float:none; width:90%; margin:0 auto; line-height:1.5; text-align:center; }
.FootInner dd b { display:block; font-weight:bolder; }
.FootInner dd i { font-size:1.0em; letter-spacing:0.0em; }
.Foot .copyright { display:block; color:#fff; line-height:30px; font-family:Arial, sans-serif; font-size:0.9em; text-align:center; letter-spacing:0.075em; background:#a0a0a0; }
.pageTop { display:block; position:fixed; right:0; bottom:0; z-index:201; width:50px; height:50px; background:rgba(77,148,110,0.75); cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3px 0 0 -3px; border:transparent 2px solid; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(-45deg); }


}