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

/* ==========================================================================
   Foundation
   ========================================================================== */

/* Reset
   ----------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
	word-break:break-all;
}

table {border-collapse: collapse;  border-spacing: 0;}
ol, ul {list-style: none;}

/* Base
   ----------------------------------------------------------------- */

body{font-family: Noto Sans Japanese,sans-serif; text-align: center;}
img {vertical-align: bottom; max-width: 100%; height: auto; -webkit-backface-visibility: hidden;}
p{line-height: 1.5; margin-bottom: 20px;}
small{font-size:80%; color:#333; display:block;}
a {color:#03F; text-decoration: none;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
a:hover {text-decoration: underline;}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}


.p-col{width:100%;letter-spacing:-0.4em;}
.p-col>li{margin:0 2.12% 2.12% 0;display:inline-block;vertical-align:top;letter-spacing:normal;}
.p-col--02>li{width:48.94%;}
.p-col--03>li{width:31.92%;}
.p-col--04>li{width:23.41%;}
.p-col--05>li{width:18.3%;}
.p-col--06>li{width:14.9%;}
.p-col--02>li:nth-child(even),
.p-col--03>li:nth-child(3n),
.p-col--04>li:nth-child(4n),
.p-col--05>li:nth-child(5n),
.p-col--06>li:nth-child(6n){margin:0 0 2.12%;} 



/* pタグ 改行無し*/ 
p br{display:none;}



/* =============================================================================
   Layout
   ========================================================================== */

/* Header
   ----------------------------------------------------------------- */
#header {text-align:center;}
.l-header{text-align:left; margin:0 auto 0 auto; padding:5px;}

/* Nav
   ----------------------------------------------------------------- */
#nav {text-align:center;}
.l-nav{text-align:left; margin:0 auto;}

/* topicpath
   ----------------------------------------------------------------- */
#topicpath {text-align:center;}
.l-topicpath{text-align:left; margin:0 auto 20px auto;}

/* Main
   ----------------------------------------------------------------- */
#main {text-align:center;}
.l-main{text-align:left; margin:0 auto 20px auto; padding:0 10px;}

/* Asaide
   ----------------------------------------------------------------- */
#aside {text-align:center;}
.l-aside{text-align:left; margin:0 auto 20px auto;}

/* Article
   ----------------------------------------------------------------- */
#article {text-align:center;}
.l-article {text-align:left; margin:0 auto 20px auto;}

/* Footer
   ----------------------------------------------------------------- */
#footer {text-align:center;}
.l-footer{text-align:left; margin:0 auto;}



.l-section{margin:0 0 40px;}
.l-section__content {margin:0 0 20px;}
.l-block{text-align:center;}
.l-block__center{margin:0 auto 20px;}


/* ==========================================================================
   Object
   ========================================================================== */


/* Component
   ----------------------------------------------------------------- */
.c-global__navi{float:left;}
.c-global__navi a{display:block;}
.c-sideber{}
.c-sideber__body{}
.c-thumb__text{}
.c-article__ttl,
.c-sideber__ttl{}
.c-section__ttl,
.c-banner__ttl{}
.c-thumb{}
.c-thumb__img{}
.c-topic{text-align: center;}
.c-footer{text-align:left;}
.c-footer__nav{margin:0 auto;}
.c-footer__under{text-align:center;} 
.c-footer__nav .p-col--04>li{width: auto; display: block; margin: 0;}
.c-footer__nav .p-col--04>li:nth-child(4n){margin:0;}


/* Project
   ----------------------------------------------------------------- */
   
.p-h1{font-size:24px; margin:0 0 20px; font-weight: 600;}
.p-h2{font-size:16px; margin:0 -10px 20px -10px; background:#e60012; color:#fff; text-align:center; padding:20px;}
.p-h3{font-size:16px; font-weight:bold;}
.p-header {background: #e60012;}
.p-nav{background:#e60012;}
.p-hed__logo{margin:10px auto; text-align: center;}
.p-hed__logo a{display: block; height: 60px; background:url(../../image/twotop_logo_w.svg)  no-repeat center center; background-size:65% auto;}
.p-hed__read{color: #fff; font-size: 14px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px;}
.p-hed__btn{padding: 0 5px 10px;}
.p-hed__btn a {text-align: center; display: block; padding: 10px 20px; width: 100%; border-radius: 4px; font-size:20px; line-height: 1.3; color: #fff; font-weight: 700; background: #187fcc; box-shadow: 0 6px 0 0 #d8e7f2; -moz-box-shadow: 0 6px 0 0 #187fcc; -webkit-box-shadow: 0 6px 0 0 #d8e7f2; background-size:100px;}
.p-hed__btn a span {font-size:10px; display:block;}
.p-menu__list{width: 25%; box-sizing: border-box; background: #e60012;}
.p-menu__list a {color: #000; text-align: center; line-height: 1.3; font-size: 12px; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 70px; background: #fff; margin: 2px; border-radius: 2px;}
.p-menu__list:first-child {border-bottom: 1px #fff solid; width: 100%; margin-bottom: 5px;}
.p-menu__list:last-child {border-top: 1px #fff solid; width: 100%; margin-top: 5px;}
.p-menu__list:first-child br,.p-menu__list:last-child br {display: none;}
.p-menu__list:first-child a,.p-menu__list:last-child a {background: #e60012; font-size: 16px; color: #fff;}
.p-menu__list a:hover {background:#990000; color: #fff;}
.p-menu__list a:hover,.p-hed__btn a:hover {text-decoration:none;}
.p-side-sec{margin:0 0 20px;}
.p-side-sec__media{width:60%; margin:auto;}
.p-copy {background:#e60012; padding:10px; color:#fff;}
.p-copy__com {margin-bottom:0px; font-size:12px;}
.p-pankuzu{padding:10px;}
.p-pankuzu li{float:left;}
.p-pankuzu li:after{content:">";margin:0 7px;}
.p-pankuzu li:last-child:after {content:none;}
.p-footer__list{padding-bottom: 40px;}
.p-footer__list .p-col--04>li{margin-bottom: 0px;}
.p-footer__list .p-col--04>li:last-child{border-bottom: #ccc solid 1px;}
.p-footer__list .p-col--04>li h3{text-align: center; padding: 10px 0 10px; cursor: pointer; margin-bottom: 0px; border-top: #ccc solid 1px; background:#F4F4F4;}
.p-footer__list .p-col--04>li .inner li {position: relative;}
.p-footer__list .p-col--04>li .inner li a {padding: 10px; background: #ededed; border-bottom: #fff solid 1px; display: block; color: #333; text-decoration: none;}
.p-footer__list .p-col--04>li .inner li:after {content: ">"; position: absolute; right: 20px; left: auto; top: 13px; display: block; width: 4px;height: 4px; background: none;}
.p-footer__yt.p-col--02>li{width:100%;}
.p-footer__yt.p-col--02>li iframe{width:100%;}
.p-topic__list{font-size:12px;}
.p-topic__list .p-col--03>li img{margin-bottom: 3px;}
.p-topic__list .p-col--03>li{width: 100%;}

.p-page__top {position: fixed;	bottom: 10px; right: 10px; z-index: 400; margin: 0px;}
.p-page__top a {background: #990000;text-decoration: none;color: #fff;display: block; height: 40px; width: 40px;}
.p-page__left {position: fixed;	bottom: 10px; left: 10px; z-index: 400; margin: 0px;}
.p-page__left a {background: #990000;text-decoration: none;color: #fff;display: block; height: 40px; width: 40px;}

.switch .child {display: none;}
.inner.child{margin-bottom: 0px;}

/* last-child
   ----------------------------------------------------------------- */   
.l-section:last-child,.l-section__content:last-child{margin:0;}

/* ボタン
   ----------------------------------------------------------------- */
.btn--01 {position: relative; display: inline-block; width: 80%; padding: 20px 30px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; overflow: hidden; background:#990000;}
.btn--01:hover {text-decoration:none; background:#e60012; color:#fff;}
.btn--01:before {position: absolute; top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -4px; border-right: solid 1px #fff; border-top: solid 1px #fff;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: "";}
.btn--01:hover:before {border-right: solid 1px #fff; border-top: solid 1px #fff;}

/* ハンバーガーメニュー
   ----------------------------------------------------------------- */
.modal_content{width: 90%;}
.DSbtn {display: block; background:#e60012;}
.DSbtn {position:fixed; margin:auto; -webkit-transition: ease .5s; transition: ease .5s; cursor: pointer; width: 50px; height: 44px; top: 0px; right: 0px; z-index: 211;}
.DSbtn .hambarg:nth-child(1),.DSbtn .hambarg:nth-child(2),.DSbtn .hambarg:nth-child(3) {position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff;  -webkit-transition: ease .5s; transition: ease .5s; height: 2px; width: 22px;} 
.DSbtn .hambarg:nth-child(1){top: 38%;}
.DSbtn .hambarg:nth-child(2){top: 50%;}
.DSbtn .hambarg:nth-child(3){top: 62%;} 
.DSbtn.action{background: #990000;}
.DSbtn.action .hambarg:nth-child(1) {top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background: #fff;}
.DSbtn.action .hambarg:nth-child(2) {top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; background: #fff;}
.DSbtn.action .hambarg:nth-child(3) {top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); background: #fff;}
.spNavi {display: none; position: fixed; top:0px; z-index: 20;}




@media screen and (min-width: 641px) {
	
/* ==========================================================================
   Foundation
   ========================================================================== */
   	
/* Base
 ----------------------------------------------------------------- */
 
 p br{display:block;}
	
	
/* ==========================================================================
   Layout
   ========================================================================== */


.l-header,.l-nav,.l-main{text-align:left;}


/* ==========================================================================
   Object
   ========================================================================== */


/* Component
   ----------------------------------------------------------------- */ 
   


/* Project
   ----------------------------------------------------------------- */

.p-h1{font-size:24px;}
.p-header {background: #fff;}
.p-hed{padding:5px 10px 15px 10px; position:relative;}
.p-hed__logo{float:left; margin:13px 0 0; width: 225px;}
.p-hed__logo a{height: 35px; background:url(../../image/twotop_logo_r.svg)  no-repeat center center; background-size:225px auto;}
.p-hed__read{float: left; clear: both; margin: 10px 0 0; width:60%; text-align: left; color: inherit; font-size: 14px;} 
.p-nav{background:#e60012;}
.p-menu__list {border-left: #fff solid 1px; width: 16.66%; border-top: solid #fff 1px;}
.p-menu__list a {margin: 0px; border-radius: 0px; background: #e60012; color: #fff;}
.p-menu__list:first-child {display: none; border-left: none;}
.p-menu__list:last-child{background: #187fcc;  border-top: solid #fff 1px; width: 16.66%; margin: 0px;}
.p-menu__list:last-child a{font-size: 12px; background: #187fcc;}
.p-menu__list:last-child br{display: block;}
.p-topic__list .p-col--03>li{width:31.92%;}
.p-side-sec__media{width:50%; margin:auto;}
.btn--01 {width: 300px;}
.p-page__left {display: none;}
.p-footer__yt.p-col--02>li{width:48.94%;}
.p-footer__yt.p-col--02>li iframe{width:100%;}


/* ハンバーガーメニュー
   ----------------------------------------------------------------- */
.DSbtn {display:none;}
.spNavi {display: block; position:static; top:0px;}

}


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

/* ==========================================================================
   Layout
   ========================================================================== */
   
.l-nav{margin-bottom:20px;}
.l-topicpath {width:1200px;}
.l-main {width:1200px; padding:0px;}
.l-article{width:940px; float:right;}
.l-aside{width:220px; float:left;}
.l-footer{padding:0px;}
.l-col-01 .l-main{width:1200px;}
.l-col-01 .l-article{width:100%; float:none;}
.l-col-01 .l-section{text-align:center;}
.l-col-01 .l-section__content{width:1200px; margin:0 auto 20px; text-align:left;}


/* ==========================================================================
   Object
   ========================================================================== */


/* Component
   ----------------------------------------------------------------- */  

.c-global{display:table; margin:0 auto; width:1200px;}
.c-hed{margin:0 auto; width:1200px;}
.c-footer{background: #e60012; padding-top: 20px;}
.c-footer__nav {width:1200px;}


/* Project
   ----------------------------------------------------------------- */
   

.p-hed__btn{padding:0px; float: right; margin-top: 40px;}
.p-hed__btn a {width: 310px; font-size: 23px; margin:0;}
.p-hed__btn a span {font-size:11px;}
.p-hed__read{clear: none; margin: 20px 0 0 20px; width:50%;}
.p-pankuzu{padding:0px;}
.p-h1{font-size:32px;}
.p-h2{margin:0 0 20px 0; text-align: left; font-size: 20px; padding: 10px 20px;}
.p-menu__list{width:8.3%; float:none; display:table-cell; border-bottom:none; border-top:none; font-weight: 700;}
.p-menu__list a{font-size: 11px;}
.p-menu__list:last-child{border-top:none;}
.p-hed__txt{float: left; width: 70%;}
.p-fot__txt{float: left; width: 60%;}
.p-side-sec{margin:0 0 40px;}
.p-side-sec__media{width:100%;}
.p-side-sec .p-col--02>li{width:100%;}
.p-side-sec .p-col--02>li:nth-child(even){margin:0 0 2.12%;}
.p-footer__list .p-col--04>li{width:23.41%; display: inline-block; margin:0 2.12% 2.12% 0;}
.p-footer__list .p-col--04>li:nth-child(4n){margin:0 0 2.12%;} 
.p-footer__list .p-col--04>li:last-child{border-bottom:none;}
.p-footer__list .p-col--04>li h3{font-size: 18px; font-weight: 700; text-align: left; padding: 0; height: auto; cursor:auto; margin-bottom: 10px; border-top:none; background:fixed; color: #fff;}
.p-footer__list .p-col--04>li .inner {margin-bottom: 20px;}
.p-footer__list .p-col--04>li .inner li {position: relative;}
.p-footer__list .p-col--04>li .inner li a {padding: 0px; background: fixed; border-bottom: none; color: #fff; display: inline;}
.p-footer__list .p-col--04>li .inner li:after {content: none; position: static;}
.p-topic__list{width: 940px; margin: auto; text-align: left;}

.btn--01 {width: 430px;}
.switch .child {display: block !important;}
.inner.child{margin-bottom: 20px;}


}

.top_link a {
width: 224px;
margin: 0 10px 20px;
}
.top_link a:nth-of-type(5n+1) {
margin-left: 0;
}
.top_link a:nth-of-type(5n) {
margin-right: 0;
}
.top_link {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 15px 0px 20px;
}@media screen and (max-width:640px) {.top_link a:nth-of-type(2n+1) 
{
 margin-right: 10px;
}.top_link a {
 margin-bottom: 10px;
 width: calc(45% - 5px);
}.top_link a:nth-of-type(5n+1) {
 margin-left: 10px;
}.top_link a:nth-of-type(5n) {
 margin-right: 10px;
}
}