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

/* --------------------------------------------------------------------------------------
 上部
--------------------------------------------------------------------------------------- */
.top_contents_top_box{
	width: 100%;
	margin-top: 100px;
}

.top_contents_top_box .wrapper{
	width: 960px;
	margin: auto;
	padding-top: 40px;
}

.top_contents_top_box h2{
	font-family: "Noto Sans JP";
	font-size: 60px;
    padding: 0 30px;
	font-weight: 700;
    color: #00A7E7;
}
.top_contents_top_box .h2_subtitle{
	font-family: "Noto Sans JP";
    font-size: 40px;
	font-weight: 700;
    color: #B8292D;
    padding: 30px;
}
.top_contents_top_box .txt01{
	font-size: 20px;
	margin-top: 16px;
	line-height: 35px;
}

/* ナビゲーション */
.top_contents_top_box ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 26px;
}

.top_contents_top_box li{
	border-right: 1px solid #fff;
}
.top_contents_top_box li:last-child{ border-right: none; }

.top_contents_top_box li a{
	display: block;
	padding: 6px 16px;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	font-family: "Noto Sans JP";
	font-weight: 300;
	transition: .5s;
}
.top_contents_top_box li a:hover{
	opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

/* --------------------------------------------------------------------------------------
 section共通
--------------------------------------------------------------------------------------- */
#section01,
#section02,
#section03,
#section04{
	display: block;
	width: 100%;
	margin-top: 80px;
	border-top: 40px solid #B8292D;
}
#section05{
	display: block;
	width: 100%;
	border-top: 40px solid #E9E8E8;
	margin-top: 80px;
}
#section01 h3,
#section02 h3,
#section03 h3,
#section04 h3{
	font-size: 20px;
	color: #FFF;
	margin: -30px 0 30px;
    text-align: center;
	font-family: "Noto Sans JP";
	font-weight: 700;
}
#section01 h4,
#section02 h4,
#section03 h4,
#section04 h4{
	font-size: 24px;
	color: #231815;
	margin: 30px 0 30px 1.2em;
    text-align: left;
    line-height: 1.5em;
    text-indent: -1.3em;
	font-family: "Noto Sans JP";
	font-weight: 700;
}
#section01 .txt,
#section02 .txt,
#section03 .txt,
#section04 .txt{
	margin-top: 50px;
	font-size: 16px;
	line-height: 36px;
}

#section01 li,
#section02 li,
#section03 li,
#section04 li{
    list-style: none;
}

.model_list_wrap ul li{
    display: inline-block;
    border: solid 1px #898989;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    width:226px;
}
.model_list_wrap2 ul li a,
.model_list_wrap ul li a{display: inline-block; width: 100%;}
.model_list_wrap2 ul li a:hover,
.model_list_wrap ul li a:hover{opacity: 0.8;}
.model_list_wrap2 ul li a img,
.model_list_wrap ul li a img{width: 100%;}

.model_list_wrap2 ul li a .mname,
.model_list_wrap ul li a .mname{padding: 20px 0 0;}

.model_list_wrap2 ul li a .mname,
.model_list_wrap ul li a .mname,
.model_list_wrap2 ul li a .mtxt,
.model_list_wrap ul li a .mtxt{font-size: 15px; line-height: 1.8em;}

.model_list_wrap2 ul li{display: inline-block;vertical-align: top;}
.model_list_wrap2 ul li:first-child{
    border: solid 1px #898989;
    border-radius: 10px;
    padding: 10px;
    margin: 5px 30px 5px 0;
    width:226px;
}
.model_list_wrap2 ul li:last-child{width:700px;}
/* --------------------------------------------------------------------------------------
 section01
--------------------------------------------------------------------------------------- */
#section01 .wrapper{
	width: 960px;
	margin: auto;
}
#section01 .wrapper .link_text{padding: 30px 0 60px 30px;}
#section01 .wrapper .link_text a{
    color:#33A1D2;
    font-size:16px;
}
/* --------------------------------------------------------------------------------------
 section02
--------------------------------------------------------------------------------------- */
#section02 .wrapper{
	width: 960px;
	margin: auto;
}

/* --------------------------------------------------------------------------------------
 section03
--------------------------------------------------------------------------------------- */
#section03 .wrapper{
	width: 960px;
	margin: auto;
}
#section03 .wrapper .model_list_wrap2 ul li:nth-child(odd) img{display: block; padding: 25px 0;}
/* --------------------------------------------------------------------------------------
 section04
--------------------------------------------------------------------------------------- */
#section04 .wrapper{
	width: 960px;
	margin: auto;
}
#section04 .wrapper .model_list_wrap2 ul li p{font-size: 16px; line-height: 1.8em; padding: 20px 0 0;}

/* --------------------------------------------------------------------------------------
 section05
--------------------------------------------------------------------------------------- */
#section05 .wrapper{
	width: 830px;
	margin: auto;
}

#section05 .wrapper h5{
	display: block;
	width: 626px;
    padding: 10px 0px 10px 50px;
	color: #fff;
	text-align: left;
	line-height: 34px;
	background: #33A1D2;
	font-weight: 700;
	border-radius: 8px;
	transition: .5s;
    font-size:24px;
    margin: 30px 0 30px;
}

#section05 .wrapper h5:hover{
	opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.sec_5txt{font-size: 16px; font-weight: 700; line-height: 2.3em;}
.sec_5txt .blue{color:#33A1D2;}
.sec_5txt .red{color:#B8292D;}