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

/* 全てのプロパティの余白とパディングをリセットしています。*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "メイリオ",Meyrio,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #333333;
	font-size: 90%;
	line-height: 25px;
	margin:0;
    padding:0;
    height:100%;
}

.blue_bg {
	width:910px;
	background-color:#d7e6f5;
	padding:20px;
	margin:0 auto;
}

.general_box {
	width:1100px;
	overflow:hidden;
	margin:0 auto 20px;
}

.general_box_2 {
	width:1100px;
	overflow:hidden;
	margin:0 auto 20px;
}

.ttl_box {
	width:1100px;
}

.p_wrap {
	/*width:150px;*/
	width:245px;
	float:left;
	margin-right:36px;
	/*margin-right:40px;*/
}

.p_wrap:last-child {
	width:245px;
	float:left;
	margin-right:0px;
}

.p_photo {
	width:245px;
	margin-bottom:10px;
}

.p_txt {
	/*width:150px;*/
    width:255px;
}


a {
	color: #24499c;
	text-decoration: none;
}
 
a:hover {
	opacity:0.6;
}

/* メインイメージ */
.main_img_area {
	width: 100%;
    overflow: hidden;
	height:569px;
	background: url(../image/pp2/main.jpg) center center / cover no-repeat;
}

.ttl_box_top {
	width:1100px;
	height:569px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.ttl_box_top_sp {
	display:none;
}
.general_box img, .bt_box_l img, .bt_box_r img {
	width:100%;
	height:auto;
}
.ttl_box_top img {
    height:100%;
}
.general_box_2 img {
	width:1100px;
	height:840px;
}

.bt_box_l {
    width:49%;
    float:left;
}

.bt_box_r {
    width:49%;
    float:right;
}

/* 2023.12追記 */
h1 {
    font-size:300%;
    font-weight:600;
    line-height:60px;
    color:#fff000;
}
h1.line {
    font-size:250%;
    font-weight:600;
    color:#fff000;
}
h2 {
    font-size:240%;
    font-weight:600;
    color:#fff;
}
.ttl_box_h1 {
	width:1100px;
	margin:0 auto;
    text-align:center;
	position:absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ttl_box_h2 {
	width:1100px;
	margin:0 auto;
    text-align:center;
	position:absolute;
    top: 88%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.general_box_3 {
    width:100%;
    height:auto;
    overflow:hidden;
}
.general_box_blue {
	width:1100px;
	overflow:hidden;
    margin:0 auto;
    background-color:#bfe1ff;
}
.general_box_4 {
	width:1100px;
	overflow:hidden;
    margin:0 auto;
}
.general_box_4_b {
	width:1100px;
	overflow:hidden;
	margin:0 auto 20px;
}
.general_box_4_c {
	width:1100px;
	overflow:hidden;
    margin:0 auto;
}
.general_box_4_c img {
	width:100%;
}
.general_box_5 {
	display:none;
}
.txt_box {
    width:92%;
    margin:10px auto 0;
}
.ttl_box_wrap_half {
    width:50%;
    height:auto;
    float:left;
}
.ttl_box_wrap_half img {
    width:100%;
}
.img_three_l {
    width:377px;
    height:178px;
    float:left;
}
.img_three_c {
    width:344px;
    height:178px;
    float:left;
}
.img_three_r {
    width:379px;
    height:178px;
    float:left;
}
.img_three_l_2 {
    width:376px;
    height:262px;
    float:left;
}
.img_three_c_2 {
    width:344px;
    height:262px;
    float:left;
}
.img_three_r_2 {
    width:379px;
    height:262px;
    float:left;
}
.img_three_l img, .img_three_c img, .img_three_c img, .img_three_r img, .img_three_l_2 img, .img_three_c_2 img, .img_three_r_2 img {
    width:100%;
}

.img_box_1 {
    width:475px;
    height:290px;
    float:left;
}
.img_box_2 {
    width:350px;
    height:200px;
    float:left;
}
.img_box_3 {
    width:250px;
    height:200px;
    float:left;
}
.img_box_4 {
    width:350px;
    height:170px;
    float:left;
}
.img_box_5 {
    width:250px;
    height:170px;
    float:left;
}
.img_box_6 {
    width:280px;
    height:280px;
    float:left;
}
.img_box_7 {
    width:390px;
    height:280px;
    float:left;
}
.img_box_8 {
    width:290px;
    height:340px;
    float:left;
}
.img_box_9 {
    width:170px;
    height:340px;
    float:left;
}
.img_box_10 {
    width:150px;
    height:340px;
    float:left;
}
.img_box_11 {
    width:160px;
    height:340px;
    float:left;
}
.img_box_12 {
    width:180px;
    height:340px;
    float:left;
}
.img_box_13 {
    width:150px;
    height:170px;
    float:left;
}
.img_box_14 {
    width:140px;
    height:170px;
    float:left;
}
.img_box_15 {
    width:120px;
    height:170px;
    float:left;
}
.img_box_16 {
    width:290px;
    height:72px;
    float:left;
}
.img_box_17 {
    width:660px;
    height:72px;
    float:left;
}
.img_box_18 {
    width:550px;
    height:230px;
    float:left;
}
.img_box_19 {
    width:550px;
    height:200px;
    float:left;
}
.img_box_20 {
    width:415px;
    height:350px;
    float:left;
}
.img_box_21 {
    width:315px;
    height:350px;
    float:left;
}
.img_box_22 {
    width:370px;
    height:350px;
    float:left;
}
.img_box_23 {
    width:550px;
    height:330px;
    float:left;
}
.img_box_24 {
    width:440px;
    height:456px;
    float:left;
}
.img_box_25 {
    width:330px;
    height:456px;
    float:left;
}
.img_box_26 {
    width:330px;
    height:456px;
    float:left;
}
.img_box_1 img, .img_box_2 img, .img_box_3 img, .img_box_4 img, .img_box_5 img, .img_box_6 img, .img_box_7 img, .img_box_8 img, .img_box_9 img, .img_box_10 img, .img_box_11 img, .img_box_12 img, .img_box_13 img, .img_box_14 img, .img_box_15 img, .img_box_16 img, .img_box_17 img, .img_box_18 img, .img_box_19 img, .img_box_20 img, .img_box_21 img, .img_box_22 img, .img_box_23 img,  .img_box_24 img, .img_box_25 img, .img_box_26 img {
    width:100%;
}
    
@media screen and (max-width: 896px) {
.main_img_area {
	width:100%;
	height:auto;
}
.ttl_box_top {
	width:98%;
	height:auto;
    position:inherit;
}
.ttl_box_top img {
	width:100%;
	height:auto;
}
.general_box {
	width:98%;
}
.ttl_box {
	width:100%;
}
.p_wrap {
	width:98%;
	float:none;
	margin:0 auto 20px;
}

.p_wrap:last-child {
	width:98%;
	float:none;
	margin:0 auto;
}


.p_txt {
	width:100%;
    margin-bottom:20px;
}
.bt_box_l {
    width:100%;
    float:none;
    margin-bottom:20px;
}

.bt_box_r {
    width:100%;
    float:none;
}
    
/* 2023.12追記 */
.ttl_box_top {
	display:none;
}
.ttl_box_top_sp {
	display:block;
}

.ttl_box_top_sp img {
    width:100%;
}
h1 {
    font-size:110%;
    line-height:inherit;
}
h2 {
    font-size:100%;
}
.ttl_box_h1 {
	width:98%;
    top: 10%;
}
.ttl_box_h2 {
	width:98%;
    top: 35%;
}
.general_box_blue {
	width:98%;
}
.general_box_4 {
	display:none;
}
.general_box_4_b {
	display:none;
}
.general_box_5 {
	display:block;
    width:98%;
    margin:0 auto 20px;
}
.general_box_5 img {
    width:100%;
}
.general_box_4_c {
	display:none;
}
.general_box_sp {
position:relative;
width:100%;
height:100%;
padding-top:165%;
}
.general_box_sp iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.img_three_l {
    width:33.3%;
    height:auto;
}
.img_three_c {
    width:33.3%;
    height:auto;
}
.img_three_r {
    width:33.3%;
    height:auto;
}
.img_three_l_2 {
    width:33.3%;
    height:auto;
}
.img_three_c_2 {
    width:33.3%;
    height:auto;
}
.img_three_r_2 {
    width:33.3%;
    height:auto;
}

    
.img_box_1 {
    width:50%;
    height:auto;
}
.img_box_2 {
    width:36.8%;
height:auto;
}
.img_box_3 {
    width:26.4%;
    height:auto;
}
}