@charset "utf-8";
/* CSS Document */
.page-heading {
    border-bottom:none;
    margin: 0;
}
.applicationSec{
	margin-bottom:40px;
	letter-spacing: 0.1em;
}
.applicationSec h2{
	background: #191919;
	color: #FFFFFF;
	padding:10px 15px;
	margin:0 0 30px;
	border-left: 10px solid #f0c800;
}
.applicationSec h3{
	border-left: 10px solid #f0c800;
	background: #f0f0f0;
	font-weight:700;
	padding:10px 15px;
	margin:0 0 20px;
	font-size: 2.2rem;
}
.applicationSec .flex2{
	display:flex;
  flex-wrap: wrap;
}
.applicationSec .fig{
	padding-right:15px;
}
.applicationSec .flex2 .fig{
	width:40%;
}
.applicationSec .flex2 .fig img{
	width:100%;
	height:auto;
}
.applicationSec .text{
	padding:0 25px;
}
.applicationSec .flex2 .text{
	width:60%;
}
.applicationSec .text p{
	font-size:1.2em;
	line-height:160%;
	font-weight:700;
	margin:0 0 1em;
}
.applicationSec .text p .small{
	font-size:0.7em;
	font-weight: normal;
	line-height: 140%;
}
.applicationSec .text p.small{
	font-size:0.9em;
	font-weight: normal;
}
.applicationSec .text .note li{
	font-size:0.9em;
	text-indent: -2em;
  margin-left: 2em;
	margin-bottom:0.5em;
}
.applicationSec .text .note li span {
    display: inline-block;
    width: 2em;
    text-indent: 0;
}
@media (min-width: 768px) {
.applicationSec dl{
  display:flex;
  flex-wrap: wrap;
	margin:0 25px;
}
.applicationSec dt{
  width: 350px;
	margin-bottom:30px;
  box-sizing: border-box;
	font-weight:bold;
	font-size:1.2em;
	display: flex;
	align-items:center;
	position: relative;
}
.applicationSec dt span{
	background-color: #f0c800;
	font-weight:bold;
	padding:5px 10px;
	margin-right:20px;
}
.applicationSec dt::after{
position: absolute;
content: "";
vertical-align: middle;
bottom: -18px;
left: 38px;
width: 12px;
height: 12px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.applicationSec dt:last-of-type::after{
content: none;
}
.applicationSec dd{
  margin-bottom:30px;
  width: calc(100% - 350px);
  box-sizing: border-box;
	display: flex;
	align-items:center;
}
.applicationSec dt:last-of-type, .applicationSec dd:last-of-type{
	margin-bottom:0;
}
.applicationSec table{
border-top: 1px solid #CCCCCC;
font-size:1.2em;
margin:1em 0 15px;
width:100%;
}
.applicationSec th{
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background: #f0f0f0;
padding:10px 20px;
}
.applicationSec td{
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding:10px 20px;
}
ul.itemList{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	margin:30px 25px 60px;
	border-left: 1px solid #CCCCCC;
}
ul.itemList li{
	width:calc(100% / 3);
	box-sizing: border-box;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	position: relative;
	padding:0 0 56px;
}
ul.itemList li p{
margin:0;
font-size: 1.2em;
}
ul.itemList li p.title{
margin:0 0 10px;
}
ul.itemList li p.title.oneLine{
height:52px;
line-height: 52px;
}
ul.itemList li　img{
max-width: 100%;
height:auto;
}
ul.itemList li p.name{
margin:10px 0 20px;
font-weight: 700;
}
ul.itemList li p.name.oneLine{
height:52px;
line-height: 52px;
}
ul.itemList li p.linkBtn, ul.itemList li p.comingSoon{
position: absolute;
left:0;
bottom:0;
width:100%;
}
ul.itemList li p.linkBtn a{
	background-color: #f0c800;
	color: #000;
	font-weight:700;
	padding:15px 25px;
	display: inline-block;
}
ul.itemList li p.linkBtn a:hover{
	 background: rgba(240, 190, 0, 1);
}
ul.itemList li p.comingSoon{
	background-color: #999;
	color: #FFF;
	font-weight:700;
	padding:15px 25px;
	display: inline-block;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.applicationSec{
	margin-bottom:30px;
}
.applicationSec h2{
	margin:0 0 20px;
}
.applicationSec dt{
  width: 330px;
	font-size:1.1em;
}
.applicationSec dt::after{
left: 37px;
}
.applicationSec dd{
  width: calc(100% - 330px);
}
.applicationSec .fig{
	padding-right:0;
}
.applicationSec .flex2 .fig{
	width:45%;
}
.applicationSec .flex2 .text{
	width:55%;
}
.applicationSec .text p{
	font-size:1.1em;
}
.applicationSec .text .note li{
	font-size:0.8em;
}
.applicationSec table{
font-size:1.1em;
}
ul.itemList li p{
font-size: 1em;
}
ul.itemList li p.linkBtn a{
	padding:15px 20px;
	letter-spacing: normal;
}
ul.itemList li p.comingSoon{
	padding:15px 20px;
}
}
@media only screen and (max-width: 767px) {
.applicationSec{
	margin-bottom:20px;
}
.applicationSec h2{
	border-left: 5px solid #f0c800;
	margin:0 0 15px;
}
.applicationSec h3{
	border-left: 5px solid #f0c800;
	padding:10px 15px;
	margin:20px 0 15px;
	font-size: 1.5rem;
}
.applicationSec dl{
	margin:0 20px 0;
}
.applicationSec dt{
	margin-bottom:10px;
	font-weight:bold;
	font-size:1em;
}
.applicationSec dt span{
	background-color: #f0c800;
	font-weight:bold;
	padding:5px 10px;
	margin-right:15px;
}
.applicationSec dd{
  margin-bottom:30px;
	position: relative;
	font-size:0.9em;
}
.applicationSec dd::after{
position: absolute;
content: "";
vertical-align: middle;
bottom: -15px;
left: 50%;
margin-left:-8.5px;
width: 12px;
height: 12px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.applicationSec dd:last-of-type::after{
content: none;
margin-bottom:0;
}
.applicationSec .flex2{
	margin:0;
}
.applicationSec .flex2 .fig{
	width:100%;
	margin:0 15px 15px 0;
	padding:0;
}
.applicationSec .flex2 .text,.applicationSec .text{
	width:100%;
	padding:0 20px 0;
}
.applicationSec .text p{
	font-size:1em;
}
#application2 .text{
	padding:0 0 0 20px;
	font-size: 0.9em;
}
.applicationSec .text .note li{
	font-size:0.7em;
}
.applicationSec table{
border-top: 1px solid #CCCCCC;
margin:1em 0 15px;
width:100%;
font-size: 0.9em;
}
.applicationSec th{
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
background: #f0f0f0;
padding:5px 15px;
display:block;
text-align: left;
}
.applicationSec td{
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding:10px 15px;
display:block;
}
.applicationSec .text p.small{
	font-size:0.8em;
	font-weight: normal;
}
ul.itemList{
	margin:0 20px;
}
ul.itemList li{
	text-align: center;
	border-top: 1px solid #CCCCCC;
	padding:15px 0 30px;
}
ul.itemList li p{
margin:0;
font-size: 1em;
}
ul.itemList li p.title{
margin:0;
}
ul.itemList li　img{
max-width: 100%;
height:auto;
}
ul.itemList li p.name{
margin:5px 0 20px;
font-weight: 700;
}
ul.itemList li p.linkBtn a{
	background-color: #f0c800;
	color: #000;
	font-weight:700;
	padding:15px 25px;
	display: inline-block;
}
ul.itemList li p.comingSoon{
	background-color: #999;
	color: #FFF;
	font-weight:700;
	padding:15px 25px;
	display: inline-block;
}
}