@charset "utf-8";



@import url('https://fonts.googleapis.com/css?family=Roboto:300,500,700');

@font-face {
    font-family: 'fa-solid-900';
    src: url('../fonts/fa-solid-900.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?qqyuxn);
    src: url(../fonts/icomoon.eot?#iefixqqyuxn) format("embedded-opentype"), url(../fonts/icomoon.woff?qqyuxn) format("woff"), url(fonts/icomoon.ttf?qqyuxn) format("truetype"), url(../fonts/icomoon.svg?qqyuxn#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

/*--------------------------------
	base
--------------------------------*/

*, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


html {
	font-size: 62.5%;
}

body {
	font-family:  "Noto Sans Japanese", "Yu Gothic", "Hiragino kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.6;
	background:#fff;
	color: #222;
	overflow-x: hidden;
	overflow-y: scroll;
}

@media screen and (max-width: 768px) {
	body {
		font-size: 1.4rem;
	}
}


a {
	color:#0c7172;
	text-decoration: none;
	-webkit-transition: color .2s;
	transition: color .2s;
}

a:link { color:#0c7172; }
a:visited { color:#0c7172; }
a:hover { color: #222; }
a:active { color: #222; }



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

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color:#fff;
	padding:0 20px 0;
}

.header .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width:100%;
	max-width:1200px;
    margin: auto;
    height:80px;
}

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

	.header {
		padding:0 0 0 20px;
	}
}

.header .corp-logo {
    width: 320px;
    height:auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 980px) {
	.header .corp-logo {
 	   width: 280px;
	}
}

@media screen and (max-width: 768px) {
	.header .corp-logo {
 	   width: 240px;
	}
}

.header .corp-logo a {
    display: block;
    width: 100%;
}

.header .corp-logo a img {
    transition: opacity .3s;
    height:auto;
}





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

	.header,.header .gbl-menu,.header .global{
        position:fixed;
        top:0;
        
    }
    
    .header{
    	padding:0;
  
	}
    
    .header .inner {
		padding:0 3.5%;
	}
    
   .header .global, .header-fix,.menu-image,.menu-item-description {
    display:none;
    }
    
    

}

/* ---- global navigation ---- */

.header .global {
	 margin-left: auto;
	font-size: 1.5rem;
}


.header .global > ul{
	display: table;
}

.header .global > ul > li{
	display: table-cell;
	
	
}

.header .global > ul > li > a {

	height: 80px;
	color: #222;
	line-height: 80px;
	white-space: nowrap;
	padding:0 16px;
	display:inline-block;
}

@media screen and (max-width: 1079px) {
	.header .global > ul > li > a {
		font-size:1.5rem;
		padding:0 10px;
	}

}

@media screen and (max-width: 979px) {
	.header .global > ul > li > a {
		font-size:1.3rem;
		padding:0 8px;
	}

}

@media screen and (max-width: 832px) {
	.header .global > ul > li > a {
		font-size:1.2rem;
		padding:0 5px;
	}

}


.header .global > ul > li::before{
	content:"|";
	color:#b6cdce;
}

.global > ul > li.drop-menu::after,.global > ul > li.drop-menu-5::after,.global > ul > li.drop-menu-6::after{
	font-family: 'fa-solid-900';
    content: "\f107";
    display:block;
    text-align:center;
    margin-top:-24px;
    font-size:1.1rem;
    color:#22979e;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.global > ul > li.drop-menu:hover::after,.global > ul > li.drop-menu-5:hover::after,.global > ul > li.drop-menu-6:hover::after{
    margin-top:-16px;
}

.header .global li.contact a {
	display: inline-block;
	position: relative;
	height: 80px;
	color: #222;
	line-height: 80px;
	white-space: nowrap;
	background:#f1f1f1;
}

.header .global li.contact a::before {
	font-family: 'fa-solid-900';
    content: "\f0e0";
    font-size: 16px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.header .global > ul > li:first-child::before,.header .global > ul > li.lang::before,.header .global > ul > li.contact::before,.header .global > ul > li.lang:after ,.header .global > ul > li.contact::after {
	content:normal;
}



.header .global > ul > li.lang a,.header.header-show .global > ul > li.lang a  {
    color: #fff;
    background: #333;
    padding: 9px 12px 9px 12px;
    margin-right:15px;
    border-radius: 5px;
    content:normal;
    line-height: 1em;
    height: 32px;
}




@media screen and (max-width: 979px) {
	.header .global > ul > li.lang a,.header.header-show .global > ul > li.lang a  {
		margin-right:5px;
	}

}

.header .global > ul > li.lang a::before {
font-family: 'fa-solid-900';
    content: "\f0ac";
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.header .global > ul > li:hover > a{
   opacity:.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}


/* hamburger menu */
.toggle-menu {
  display: block;
  width: 28px;
  height: 28px;
	margin-left: auto;
}

.toggle-menu span:after, .toggle-menu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
}

.toggle-menu span:after {
  top: 18px;
}

.toggle-menu span {
  position: relative;
  display: block;
}

.toggle-menu span, .toggle-menu span:after, .toggle-menu span:before {
	width: 100%;
	height: 2px;
	background-color: #666;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius: 2px;
}

.toggle-menu.on span {
	background-color: transparent;
}

.toggle-menu.on span:before {
  -webkit-transform: rotate(45deg) translate(-1px, 0px);
    -ms-transform: rotate(45deg) translate(-1px, 0px);
   transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-menu.on span:after {
	-webkit-transform: rotate(-45deg) translate(6px, -7px);
	-ms-transform: rotate(-45deg) translate(6px, -7px);
	transform: rotate(-45deg) translate(6px, -7px);
}

.toggle-menu {
  float: right;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .toggle-menu {
    display: none;
  }
  .toggle-menu{
    display: none;
  }

}


/* mega menu */



.global > ul > li > ul {
    
    width: 100%;
	padding:30px 10px 10px;
    min-height:160px;
    background-color:rgba(248,252,252,0.95);
    position: absolute;
    z-index: 99;
    left: 0;
    top:-1000px;
    box-sizing: border-box;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	
}

.global > ul > li:hover > ul {
    top:80px;
}


.global > ul > li > ul.col-half {
    display: none;
    width: calc(50% + 20px);
	padding:30px 10px 10px;
    min-height:160px;
    background-color:rgba(248,252,252,0.95);
    position: absolute;
    z-index: 99;
    left: 33%;
    box-sizing: border-box;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.global > ul > li > ul > li {
    padding:5px 2%;
	margin-bottom:20px;
    width: 25%;
    background: none;
    border-right:1px solid #ddd; 
	align-self:stretch;
}


.global > ul > li:not(.drop-menu-5,.drop-menu-6) > ul > li:nth-child(4n + 1) ,.global > ul > li > ul.col-half > li:last-child{
	border:none;
}

.global > ul > li.drop-menu-5 > ul > li {
    width: 20%;
}


.global > ul > li.drop-menu-6  > ul > li {
    width: 16.666%;
	 padding:5px 1%;
}

.global > ul > li > ul.col-half > li {
    width: 50%;
    padding:5px 4%;
}



.global > ul > li > ul > li a {
    padding:0;
	display:block;
	margin:0;
}



.global > ul > li > ul > li:first-child {
border:none;
 width: 100%;
 padding:0;
 margin:0 0 20px 20px;
}

.global > ul > li > ul > li a:hover {
    opacity:0.7;
}

.global > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.global > ul > li > ul > li > ul > li {
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.global > ul > li > ul > li > ul > li a {
    border: 0;
}

.global > ul > li > ul > li a .menu-image-title{
	color:#22979e;
	display:block;
	font-size:1.6rem;
}

.global > ul > li > ul > li:first-child a .menu-image-title{

	font-weight:500;
	font-size:1.8rem;
}

.global > ul > li > ul > li a:hover .menu-image-title{
	text-decoration:underline;
}

.global > ul > li > ul > li a .menu-image-title::before{
	font-family: 'fa-solid-900';
    content: "\f105";
}

.global > ul > li > ul > li:first-child a .menu-image-title::before{
	font-family: 'fa-solid-900';
    content: "\f101";
}




.global > ul > li > ul > li > ul{
    display:block!important;
}

.global > ul > li > ul > li > ul img{
    display:none;
}

.global > ul > li > ul > li > ul > li a .menu-image-title{
    display:block!important;
    font-size:1.4rem;
    margin:0;
    text-indent:0.5em;
}

.global > ul > li > ul > li > ul > li a .menu-image-title::before{
	font-family: 'fa-solid-900';
    content: "\f105";
}


.global > ul > li > ul > li > ul > li a .menu-image-title::before{
	font-family: 'fa-solid-900';
    content: "\f105";
}

.menu-image-title-below,.menu-image{
	margin-bottom:10%;
}

.menu-item-description{
	color:#333;
}


.global > ul > li.drop-menu-5 > ul > li:nth-child(n + 6),.global > ul > li.drop-menu-6 > ul > li:nth-child(n + 7) {
    border-right:none;
}








/* header fix */
.header-fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height:80px;
 	padding-top:0;

}

.header-fix .global-nav{
	height:80px;
}

.header-fix .gnav-list li a {
	height:66px;
	padding-top:25px;
}

.header-show {
	background-color:rgba(255,255,255,0.9);
	height:80px;
	border-bottom:1px solid #f1f1f1;

}





.header-fix .gnav-list li a span{
	display:none; 
}

.header-fix .header-logo{
	padding-top:15px;
}





/*--------------------------------
	footer
--------------------------------*/

.group-cpmpany{
	top: 0;
	left: 0;
	width: 100%;
	background: #f5f8f4;
}

.group-cpmpany-inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding:80px 20px;
	position: relative;
	width:100%;
    max-width: 1240px;
    margin: auto;flex-wrap:wrap;
}

.group-cpmpany ul{

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;

}

.group-cpmpany ul li{
	width:33.3%;
	padding:16px 20px;
	background:#fff;
	
}

.group-cpmpany ul li:first-child{
	padding:10px 0;
	text-align:center;
	letter-spacing:5px;
	border:none;
	background:none;
}

.group-cpmpany ul li:nth-child(2){
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

.group-cpmpany ul li:nth-child(3){
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}

.group-cpmpany ul li:nth-child(4),.group-cpmpany ul li:nth-child(5){
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

.group-cpmpany ul li:nth-child(6){
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

.footer{
	top: 0;
	left: 0;
	width: 100%;
	background: #fafafa;
	font-size:1.5rem;
}

.footer .footer-inner{
	width:100%;
    max-width: 1200px;
    margin:0 auto;
    position:relative;
}

.footer .footer-nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding:80px 0;
	position: relative;
	width:100%;
    max-width:1200px
    margin: auto;
    flex-wrap:wrap;
}

.footer .footer-nav > li{
	width:18%;
	margin-right:2.5%;
}


.footer .footer-nav > li a{
	color:#0c7172;
}

.footer .footer-nav > li li a{
	color:#444;
}

.footer .footer-nav > li >a{
	margin-bottom:15px;
	font-weight:900;
	display:block;
	width:100%;
}



.footer .footer-nav > li  a:hover{
	opacity:0.6;
}

.footer .footer-nav > li >ul > li {
	padding:0 0 10px 0.5em;
}

.footer .footer-nav > li > a::before{
	font-family: 'fa-solid-900';
    content: "\f101";
    margin-right:0.5em;
}

.footer .footer-nav > li >ul > li > a::before{
	font-family: 'fa-solid-900';
    content: "\f105";
    margin-right:0.5em;
}


.footer .nav-bottom li{
	display:inline-block;
	
}

.footer .nav-bottom li a{
	color:#fff;
	margin-right:2em;
	
}

.footer .nav-bottom li a:hover{
	opacity:0.7;
	
}

.footer .nav-bottom li a::before{
	font-family: 'fa-solid-900';
    content: "\f105";
    margin-right:0.5em;
}

.footer .footer-nav img,.footer .footer-nav .menu-item-description,.footer .footer-nav > li > ul > li > ul{
	display:none;
}

.footer .footer-bottom{
	padding:20px 0;
	background:#333;
	color:#fff;
}

.footer .footer-bottom-inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}


.footer .copyright{
	font-size:1.2rem;
	letter-spacing:1px;
	right:0;
	bottom:5px;
	position:absolute;
}

.footer .copyright-en{
	font-size:1.2rem;
	letter-spacing:1px;
	right:auto;
	bottom:auto;
	position:relative;
	padding:20px;
	text-align:center;
}

.footer a[target]::after{
  font-family: 'fa-solid-900';
  font-size:1.2rem;
    content: "\f14d";
    margin-left:0.5em;
}

.footer .pagetop{
	position: fixed;
	right: 20px;
	bottom: 0;
	padding-bottom:35px;
	z-index:1;
	
}

.footer .pagetop a{
	box-sizing: border-box;
    width: 60px;
    height: 60px;
    display: block;
    background:#22979e;
    border-radius:30px;
    color:#fff;
    text-align:center;
    padding-top:5px;
    text-decoration:none;
    -moz-transition:0.5s ease;
	-webkit-transition:0.5s ease;
	-o-transition:0.5s ease;
	-ms-transition:0.5s ease;
}

.footer .pagetop span{
	display: block;
	font-size:2rem;
	padding-bottom:0;
}

.footer .pagetop span::after{
	font-size:2.7rem;
	 font-family: 'fa-solid-900';
    content: "\f106";
}

.footer .pagetop a:hover{
	padding-top:0;
}


@media screen and (min-width: 769px) {
.footer .footer-nav > li:nth-child(5){
	width:18%;
	right:0;
	margin-right:0;
	position:absolute;
}

.footer .footer-nav > li:last-child{
	width:18%;
	margin-right:0;
	top:120px;
	right:0;
	position:absolute;
}

}

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

.footer .footer-nav{
	padding:0;
	border-top:1px solid #ddd;

}
.footer .footer-nav > li{
	width:50%;
	margin-right:0;
}

.footer .footer-nav > li:last-child{
	width:50%;
	margin-right:0;
}


	.footer ul > li > ul > li{
		display:none;
	
	}
	
	
	.footer .footer-nav > li >a{
	padding:15px;
	margin:0;
	font-weight:500;
	border-bottom:1px solid #ddd;
	display:block;

}

	.footer .footer-nav > li:nth-child(2n + 1) >a{
	border-right:1px solid #ddd;

}

.footer .footer-bottom{
	text-align:center;
	margin:0 auto;
}

.footer .copyright{
	font-size:1.2rem;
	letter-spacing:1px;
	right:auto;
	bottom:auto;
	margin:20px 0 10px;
	position:relative;
}


}


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

.footer .footer-nav{
	font-size:1.2rem;

}

}
/*--------------------------------
	container
--------------------------------*/
.wrapper {
	position:relative;
}

.wrapper .container{
  width: 100%;
  text-align:justify;

  margin:80px auto 0;
}

.wrapper ul,.wrapper dl,.wrapper ol{
	text-align:left;
}

.main{
	 margin: auto;
	padding:80px 20px 0;
	position: relative;
	width:100%;
    max-width: 1240px;
   min-height:300px;
}

.main p{
	line-height:2.4;
}

.main-title {
	height: 400px;
    width: 100%;
    background-size: cover;
    background-position:center center;
	 color:#fff;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction:column-reverse;
	font-size: 2.1rem;
}

.main-title-s {
   text-align:center;
   height:240px;
    width: 100%;
    background-size: cover;
    background-position:center center;
	 color:#fff;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction:column-reverse;
	font-size: 2.1rem;
}

.main-title-s.text-bk {
   text-align:center;
   color:#222;
    width: 100%;
    border-top:1px solid #fff;
	border-bottom:1px solid #fff;


}

.main-title p{
    font-size: 1.8rem;
}

.main-title .main-title-inner,.main-title-s .main-title-inner {
	position: relative;
	width:100%;
    max-width: 1200px;
    margin:auto;
    text-align:center;
}

.main-title span,.main-title-s span{

	display:block;
}

.main-title .title-cat,.main-title-s .title-cat{
	font-size:2.4rem;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:2px solid #fff;
	width:auto;text-align:center;
	display:inline-block;
}

.main-title.company  {
	 color:#222;
	 height:240px;
	 min-height:auto;
    max-height: auto;
	 background-image: url(../images/bg_title_company.jpg);
	background-repeat:no-repeat;
	 background-size: cover;
	 background-position:top center;
}

.main-title.partner  {
	 color:#222;
	 height:240px;
	 min-height:auto;
    max-height: auto;
	 background: url(../images/bg_title_partner.jpg) no-repeat;
	 background-size: cover;
	 background-position:top center;
}

.main-title.company .title-cat{
	font-size:2.4rem;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:2px solid #22979e;
	width:auto;text-align:center;
	display:inline-block;
}

.main-title h1,.main-title-s h1 {
	display:block;
    font-size: 3.2rem;
}


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

	.main{
	padding:50px 3.5% 0;
}


	.main-title {

    height:240px;
	}
	
	.main-title h1, .main-title-s h1{

    font-size: 2.7rem;
	}
	
	.main-title.company  {
	background-image: url(../images/bg_title_company_sp.jpg);
	background-repeat:no-repeat;
	 background-position:top right;
	 background-size:cover;
	}
	
	.main-title .title-cat,.main-title-s .title-cat,.main-title.company .title-cat{
		font-size:2.1rem;
	}

}


.main h2{
	font-size:2.7rem;
	margin-bottom:30px;
}


.main h3{
	font-size:2.7rem;
	margin-bottom:20px;
	line-height:1.2;
}

.main .sec-title{
	font-size:2.1rem;
	margin-bottom:40px;
	padding:15px 20px;
	background:#f1f1f1;
	border-left:3px solid #189ea6;
}

.main .sec-title span{
	padding-right:0.3em;
	color:#189ea6;
}

.main h3 span.small{
	font-size:1.6rem;
}

.main h4{
	font-size:2rem;
	margin-bottom:30px;
}



.wrapper .breadcrumb{
	width: 100%;
	font-size:1.4rem;
	color:#fff;
	z-index:99;
	margin-top:10px;
	position:absolute;
	top:0;
}

.wrapper .breadcrumb a {
    color:#fff;
 }
 
.wrapper .breadcrumb.text-bk,.wrapper .breadcrumb.text-bk a {
    color:#222;
 }
 

 
 
 .wrapper .breadcrumb a:hover {
    color:#999;
 }

.wrapper .breadcrumb ul{
	width: 100%;
	max-width:1240px;
	margin:auto;
	padding-left:20px;
	
}




.wrapper .breadcrumb ul li ,.wrapper .breadcrumb-s ul li {

display:inline-block;

 }
 
 .wrapper .breadcrumb ul li a::after {

    content: "/";
    margin:0 15px 0 20px;
    color:#ccc;
 }
 
.wrapper .breadcrumb.text-bk a::after  {
    color:#666;
 }

 

@media screen and (max-width: 768px) {
.wrapper .container{
  padding-bottom10px;
}

	.wrapper .breadcrumb,.wrapper .breadcrumb-s{
	display:none;
	} 
}

.main .col-wrap{
-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	
}




.main .col-2 img,.main .col-3 img{
	width:100%;
}

.main .col-2 p + p{
	margin-top:20px;
}
	
    @media screen and (min-width: 769px) {
	  .main .col-2 {
      -webkit-flex-basis: 47%;
       flex-basis: 47%;
       width: 47%;
       margin-right: 3%;
	
}
	   
	  .main .col-2:nth-child(2n)  {
      -webkit-flex-basis: 47%;
       flex-basis: 47%;
       width: 47%;
       margin-right: 0;
	   margin-left: 3%;
}
	   
	   .main .col-7 {
      -webkit-flex-basis: 65.5%;
       flex-basis: 65.5%;
       width: 65.5%;
  
	
}


	   .main .col-3+.col-7{
      -webkit-flex-basis: 65%;
       flex-basis: 65%;
       width: 65%;
       margin-left:3.5%;
  
	
}
	   
	  .main .col-3{
      -webkit-flex-basis: 31%;
      flex-basis: 31%;
      width: 31%;
      margin-left: 3.5%;
    
}

      
	  .main .col-3:nth-child(3n+1){
	   margin-left: 0;
	}
	
	.main .col-3:nth-child(-n+3){
	   margin-bottom:80px;
	}
	
	
	.main .col-6 {
      -webkit-flex-basis: 56.5%;
       flex-basis: 56.5%;
       width: 56.5%;
  
	
}



	   
	  .main .col-4{
      -webkit-flex-basis: 40%;
      flex-basis: 40%;
      width: 40%;
      margin-left: 3.5%;
    
}
      
       .main .col-10 {
       width: 100%;
	}
	   
	   .sp{
	   	display:none;
	   }

} 


      
      
@media screen and (max-width: 768px) {
    
    	.main h2{
	font-size:2.1rem;
	margin-bottom:30px;
}

.main h3{
	font-size:2rem;
	margin-bottom:20px;
	line-height:1.2;
}

	.main .col-wrap.sp-reverse{
		flex-direction:column-reverse;	
	}
		  .main .col-2,.main .col-3,.main .col-7{
		  	flex-direction:column;
		  	width:100%;
		  }
		  
		 .main .col-2:nth-child(2n) {
		  	margin-top:80px;
		  }
		  

		  
		   .main .col-wrap.sp-reverse .col-2 > *:nth-child(2n) {
		  	margin-top:0;
		  	margin-bottom:50px;
		  }
		  
		  .main .col-2 > *,
		  .main .col-2 > *:nth-child(2n) {
          -webkit-flex-basis: 100%;
          flex-basis: 100%;
         
          width: 100%;
          margin-right: 0;
		  margin-left: 0; } 
		  
	.main .col-3 {
		margin-bottom:50px;
	}
	
	 .main .col-10 {
       width: 100%;
       margin-bottom: 50px;
	}
	
		.main .col-6 {
      -webkit-flex-basis: 100%;
       flex-basis: 100%;
       width: 100%;
       margin-bottom: 50px;
  
	
}

.main .sec-title{
	font-size:1.8rem;
	padding:12px 18px;
}

		  
		.pc{
	   	display:none;
	   }
}


/*--------------------------------
	label
--------------------------------*/
dt span.ir-label{
		padding: 4px 0;
		text-align:center;
		width:8em;
		display:inline-block;
		font-size:1.4rem;
		margin-left:1.5em;
		border:1px solid #f00;
		color:#f00;
}
	
dt span.news-label{
		padding: 4px 0;
		text-align:center;
		width:8em;
		display:inline-block;
		font-size:1.4rem;
		margin-left:1.5em;
		border:1px solid #1ea339;
		color:#1ea339;
}
	
dt span.new-label{
		padding: 0 0.5em 0 0;
		margin:0;
		width:auto;
		color:#f79512;
		display:inline-block;
		font-family:  "Roboto",sans-serif;
		font-size:1.4rem;
		margin-left:1.5em;
		background:none;
}



/*--------------------------------
	common rayout
--------------------------------*/
	 
.text-s{
	font-size:0.8em!important;
}

.text-ss {
	font-size:0.7em!important;
}

.headding-s {
	font-size:2.1rem!important;
}

.mg-l{
	margin-bottom:80px;
}

.mg-m{
	margin-bottom:50px;
}


.mg-s{
	margin-bottom:30px;
}

.text-right{
	text-align:right;
}

.text-center{
	text-align:center;
}

 .animate {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
 }
 
 .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
}

@media screen and (min-width: 769px) {
	.w30p{
		width:30%!important;
	}
	
	.w80p{
		width:80%!important;
	}

}


.main p a, .data-list a {
	text-decoration:underline;
}


.new-label{
	padding:2px 2em;
	margin-left:2em;
	display:inline-block;
	background:#f79512;
	border-radius:2px;
	text-alicgn:center;
	font-family:  "Roboto",sans-serif;
	font-size:1.2rem;
	color:#fff;
}

.error-404{
	text-align:center;
	min-height:30vh;
	margin-top:0;
}



/*transition*/
 .bg-init,
    .animsition-overlay-slide {
      background-color: #fff!important;
      z-index:9999!important;
      display:block;
      bottom:0;
      position:absolute;
}