@charset "utf-8";

/*セクション背景*/
#ft-video{
    padding-top: 60px;
    background: url(../img/bg_1.jpg) no-repeat center center;
}
#video2{
	/*padding-top: 85px;*/
}
/*ムービー部分レスポンシブ対応*/
.mov,.mov1 {
	display: block;
	overflow: hidden;
}
.mov1{
	border: 2px solid #393939;
}
.mov iframe{
	display: block;
	overflow: hidden;
    width: 1220px;
    margin: 0 auto;
}
.mov1 iframe{
	display: block;
	overflow: hidden;
    width: 1013px;
    margin: 0 auto;
}
.concept h3{
	font-weight: normal;
	text-align: right;
	padding-top: 5px;
	padding-right: 15px;
}
.hd2 span{
	padding-left: .8em;
}
.concept p{
	margin-bottom: 1em;
}
/*モーダルリンク*/
#rwd-content .rwd-grid-cardlist02 .rwd-grid-item img {
    border-bottom: none!important;
}
#rwd-content .rwd-headline2-type03 {
    padding-left: 0;
}
#rwd-content .rwd-headline2-type03 .rwd-headline2-text {
     margin-bottom: 0; 
}
/*ページ内リンク*/
.linkbar{
	background: #bdd7ee;
	padding: 10px 0 8px;
}
.pageLink{
	margin-left: 30px;
}
.pageLink  li a {
	position: relative;
    padding: 3px 15px 3px 35px;
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
}
.pageLink li::after {
    position: absolute;
    content: "";
    margin: auto;
    display: block;
    left: 0;
    bottom: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background-size: 16px 16px;
    background-color: #5f9bc3;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/shared/img/rwd_icon_arrow_bottom02.svg");
}

@media print, screen and (max-width: 1219px){
/* ================================================
画面幅が1219px未満の場合の表示設定
================================================ */
/*ムービー部分レスポンシブ対応*/
.mov {
	position: relative;
	width: 100%;
	padding: calc(686 / 1220 * 100%) 0 0;
}
.mov1 {
	position: relative;
	width: 100%;
	padding: calc(570 / 1013 * 100%) 0 0;
}
.mov iframe,.mov1 iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

}

@media print, screen and (min-width: 768px){
/* ================================================
画面幅が768px以上の場合の表示設定
================================================ */
/*カードの下余白*/
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item{
    margin-bottom: 30px!important;
}
/*カードのテキスト*/
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dt {
margin-bottom: 13px;
font-size: 1.6rem!important;
color: #4d4d4d;
}
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dt span{
font-size: 1.5rem!important;
font-weight: normal;
padding-right: 8px;
}
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dl {
margin: 12px 5% 0!important;
}
/*枠囲み見出しの下余白を20>30*/
h2 {
    margin: 0 0 30px!important;
}
h3 span{
	font-size: 2.0rem;
	padding-left: 10px;
}
h3{
	border-left: 20px solid #5f9ac3;
}
/*製品リンク部*/
#rwd-content .rwd-grid-cardlist02 .rwd-grid-item img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#rwd-content .rwd-grid-cardlist02 .rwd-grid-item:hover img {
	opacity: 1;
	 -webkit-transform: rotate(15deg) scale(1.2);
	transform: rotate(15deg) scale(1.2);
}
#rwd-content .rwd-grid-cardlist02 .rwd-grid-item dl{
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#rwd-content .rwd-grid-cardlist02 .rwd-grid-item:hover dl{
	opacity: 0;
}
/*コンセプトエリア*/
.concept{
	padding: 40px 0;
}
/*ムービー枠線*/
#rwd-content .mv_bg{
  background:
    linear-gradient(45deg,  transparent 20px, #a3b6de 20px),
    linear-gradient(225deg, transparent 20px, #a3b6de 20px);
  background-position: bottom left, bottom right, top right, top left;
  background-size: 50% 10%;
  background-repeat: no-repeat;
  padding: 0 0 30px;
}
/*モーダル*/
#rwd-content .rwd-modal-inline-content01 {
    padding: 40px 30px 20px!important;
}
.pageLink li {
    float: left;
    margin-right: 30px;
    position: relative;
    line-height: 1.4;
}

/*h2*/
.rwd-section-group-headline.rwd-small span:first-child {
    font-size: 2.0rem;
}
.rwd-section-group-headline.rwd-border-square{
    padding: 5px 25px 5px 20px!important;
}
}



@media print, screen and (max-width: 767px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ */

/*セクション背景*/
#ft-video{
    padding-top: 30px;
}
.hd2{
	font-size: 1.7rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
}
.hd2 span{
	display: block;
	font-size: 1.5rem;
	font-weight: normal;
	padding-left: 0;
}
h3 span{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	padding-left: 18px;
	display: block;
}
h3{
	border-left: 10px solid #5f9ac3;
	margin-bottom: 20px;
}
#video2 {
    padding-top: 0;
}
/*カードの下余白*/
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item{
margin-bottom: 30px!important;
}
/*カードのテキスト*/
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dt {
font-size: 1.4rem!important;
line-height: 1.4;
}
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dt span{
display: block;
font-size: 1.3rem!important;
font-weight: normal;
padding-right: 12px;
margin-bottom: 5px;
}
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dl {
margin: 12px 5% 0!important;
}
/*コンセプト部*/
.concept{
	padding: 30px 0;
}
.concept h3{
	font-size: 2rem;
	text-align: left;
	margin-bottom: 20px;
}
h3{
	font-size: 1.8rem;
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
}
/*モーダル部*/
#rwd-content .rwd-modal-inline-content01 {
    padding: 20px 10px!important;
}
#rwd-content .rwd-modal-inline-content01 .rwd-grid-item img{
	margin-bottom: 20px;
}

#rwd-content .rwd-product-header {
    margin-bottom:0!important;
}
.linkbar{
	padding: 20px 0 0;
	width: 100%!important;
}
.pageLink {
    margin-left: 20px;
}
.pageLink li{
	float: left;
	margin-right: 20px;
	margin-bottom: 12px;
	position: relative;
    line-height: 1.4;
}
.pageLink li a {
    padding: 3px 15px 3px 36px;
    font-size: 1.4rem;
    font-weight: normal;
    display: block;
    box-sizing: border-box;
}
.pageLink li::after {
    width: 19px;
    height: 19px;
    background-size: 13px 13px;
}


.rwd-section-group-headline.rwd-small span:first-child {
    font-size: 1.6rem;
    font-weight: bold;
}
.rwd-section-group-headline.rwd-border-square {
    padding: 10px 20px!important;
}
.rwd-section-group-headline .rwd-subtext{
	font-size: 1.4rem!important;
}

}