.main1 {
	width: 100%;
	background-color: #34A1D3;
	padding-top: 30px;
	margin-top: 20px;
    height: 358px;
}
.mainimg{
	    width: 899px;
}
.m1-app{
	    width: 260px;
}
.m1-goo{
	width: 260px;
    margin-left: 25px;
}
.m1 {
	    max-width: 1343px;
	margin: 0 auto;
}
.m-c {
	    height: 180px;
}
.m1-p {
	    /*width: 1018px;*/
	width:65%;
	color: #ffffff;
	float: right;
}
.m1-p1 {
	    width: 370px;
}
.m1-p2 {
	margin-top: 11px;
    line-height: 30px;
    margin-right: 120px;
	font-size: 19px;
	float: left;
	margin-bottom:10px;
}
.m1-2 {
	margin: 0 auto;
    max-width: 866px;
}
.m1-i2 {
	margin-bottom: -1px;
	    margin-left: 30px;
}
.m1-i3 {
	margin-left: 20px;
}
.toku {
	max-width: 349px;
	margin: 0 auto;
	font-size: 36px;
	color: #34A1D3;
	height: 158px;
	position: relative;
}
.t-work{
	width: 346px;
}
.toku-p {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	position: absolute;
	top: 36%;
}
.main2 {
	    max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.figu1 {
	float: left;
}
.img1 {
	width: 300px;
    height: 385px;
	background-color: #34A1D3;
	padding: 10px;
	margin: 0 auto;
}
.img2 {
	width: 300px;
    height: 385px;
	background-color: #34A1D3;
	padding: 10px;
	margin: 0 auto;
}
.img3 {
	width: 300px;
    height: 385px;
	background-color: #34A1D3;
	padding: 10px;
	margin: 0 auto;
}
.img4 {
	width: 300px;
    height: 385px;
	background-color: #34A1D3;
	padding: 10px;
	margin: 0 auto;
}
.f-img {
	width: 100%;
	height: 165px;
}
.f-img2 {
	height: 165px;
	width: 100%
}
.f-img3 {
	height: 165px;
	width: 100%;
}
.c {
	color: #ffffff;
	font-size: 20px;
    margin: 5px auto;
	text-align: center;
}
.c2 {
	font-size: 20px;
	margin-top: 6px;
    margin-bottom: 6px;
	text-align: center;
	color: #ffffff;
}
.c3 {
	font-size: 20px;
	margin-top: 6px;
    margin-bottom: 6px;
	text-align: center;
	color: #ffffff;
}
.gallery_box{
	display:flex;
	padding:0 1%;
}

figure {
	float: left;
	max-width: 320px;
	text-align: center;
	width: 100%;
}
.f1-1 {
	text-align: center;
	margin-top: 25px;
	font-size: 17px;
    line-height: 24px;
}
.f1-2 {
	text-align: center;
	font-size: 17px;
	    color: #4D4D4D;
    margin-top: 20px;
    line-height: 25px;
}
.f3-1 {
	margin-top: 25px;
    font-size: 17px;
    line-height: 24px;
}
.f3-2 {
	font-size: 17px;
    color: #4D4D4D;
    margin-top: 20px;
    line-height: 25px;
}
.f-p2 {
	text-align: center;
}
.f-p3 {
	text-align: center;
}
.f-p4 {
	text-align: center;
}
.f2-1 {
	margin-top: 40px;
	    font-size: 17px;
}
.f4-1 {
	margin-top: 38px;
	    font-size: 17px;
}
.f4-2 {
	    font-size: 17px;
    color: #4D4D4D;
    margin-top: 20px;
    line-height: 25px;
}
.m1-i4{
	    width: 250px;
}
.f2-2 {
	margin-top: 35px;
    line-height: 25px;
    font-size: 16px;
    color: #4D4D4D;
}
.f2-3 {
	line-height: 25px;
    font-size: 16px;
    color: #4D4D4D;
	margin-top: 10px;
}
.app {
	max-width: 530px;
	margin: 0 auto;
	height: 223px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nagare {
	width: 100%;
	background-color: #34A1D3;
}
.nagare2 {
	max-width: 905px;
	margin: 0 auto;
	height: 330px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nagare3{
	width: 100%;
	height:auto;
}
.link {
	    max-width: 556px;
	margin: 0 auto;
	height: 422px;
	position: relative;
}
.link2 {
	position: absolute;
	top: 25%;
}
.link3 {
	width: 555px;
    height: 117px;
	text-align: center;
	color: #ffffff;
	background-color: #34A1D3;
	border-radius: 15px;
}
.l-p {
	font-size: 20px;
	margin-top: 12px;
}
.l-i {
	    width: 510px;
    margin-top: 22px;
}
.f-r{
	margin-right:10px;
}
.f-l{
	margin-left:10px;
}
.m1-3 {
	display: flex;
    justify-content: space-between;
	margin-top: 25px;
}
.m1-i5{
	    width: 265px;
}

.only_tab{
	display:none;
}


/*↓top用 0526 追加分*/
.top_main_ttl{
	max-width: 1200px;
    margin: 15px auto;
	padding: 10px;
	text-align: center;
}
	.top_main_ttl img{
		max-width: 800px;
		width: 100%;
	}

.top_main_contents{
	background-color: #34A1D3;
}
.top_max_w{
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    padding: 0px 10px;
}
.top_contents_u{
	max-width: 285px;
    margin-right: 40px;
}
	.top_contents_u img{
		width: 100%;
	}
.top_contents_t{
    max-width: 760px;
	margin-top: 50px;
}
	.top_contents_t img{
		width: 100%;
	}
.top_contents_btn{
	margin-top: 50px;
    margin-left: 30px;
    margin-bottom: 10px;
}
.top_contents_btn a{
	display: inline-block;
	max-width: 225px;
    margin: 0px 5px;
}
	.top_contents_btn a img{
		width: 100%;
	}
	
figure .fig_img{
	width: 100%;
	padding: 0px 10px;
}
	figure .fig_img img{
		width: 100%;
	}

/*キャンペーンバナー*/
.campaign_banner{
    text-align: center;
    /*margin: 35px auto -10px auto;*/
	margin: 50px auto 0px auto;
    padding: 0px 25px;
}
.campaign_banner img{
	width: 100%;
	max-width: 710px;
}

@media screen and (max-width:1024px) {
	.m1-i{
		margin-left: 0px;
	}
	.m-c{
		display:flex;
		flex-wrap:wrap;
		align-content: center;
		height:auto;
	}
	.m-c p{
		width:100%;
	}
	.m1-i{
		width: 319px;
	}
	.m1-p{
		width: 60%;
	}
	/*.m1 {
	    max-width: 1024px;
	}
	.m-c {
	    height: 141px;
	}*/
	.m1-p1 {
		margin-left: 0px;
	    width: 37%;
	    margin-top: 20px;
		height:auto;
	}
	.m1-p2 {
	    margin-right: 0px;
	    padding-top: 0px;
	    margin-top: 16px;
	    line-height: 28px;
	    font-size: 16px;
	    width: 61%;
	}
	.m1-2 {
	    /*padding-left: 60px;
	    height: 78px;*/
		display:flex;
		padding:0 1%;
	}
	.m1-app {
	    width: 100%;
		max-height:70px;
	}
	.m1-goo {
	    width: 100%;
	    /* margin-left: 25px; */
		max-height:70px;
	}
	.gallery_box {
	    /*max-width: 602px;
	    margin: 0 auto;*/
		justify-content:space-between;
	}
	figure {
	    width: 24%;
	}
	figure img{
		max-width:100%;
		height:auto;
	}
	figure .c,figure .c1,figure .c2,figure .c3{
		font-size:0.85rem;
	}
	.fig_txt{
		font-size:0.7rem !important;
	}
	.img1,.img2,.img3,.img4{
		width:100%;
		overflow:hidden;
		height:auto;
	}
	.nagare2 {
	    max-width: 100%;
	}
	.link {
		    max-width: 557px;
	    height: 380px;
	}
	element.style {
	    max-width: 980px;
	}
	/*.footer {
	    max-width: 980px;
	}*/
}
@media screen and (max-width:900px) {
	.top_contents_t{
		margin-top: 40px;
	}
	.top_contents_btn{
		margin-top: 25px;
		max-width: 405px;
	}
	.top_contents_btn a{
		/*max-width: 190px;*/
		max-width: 175px;
	}
	.link{
		max-width: none;
		height: auto;
	}
	.app{
		max-width: 405px;
	}
	.m1-i4{
		width: 190px;
	}
	.m1-i5{
		width: 190px;
	}
	.link2{
	    text-align: center;
		position: static;
		margin-top: 60px;
	    margin-bottom: 60px;
	}
		.link3{
		    display: inline-block;
		    width: 100%;
		    height: auto;
		    max-width: 412px;
		    padding: 20px 20px;
		}
			.l-i{
				width: 100%;
				margin-top: 0px;
			}
	.m1-3{
	        max-width: 448px;
	    margin-left: auto;
		margin-right: auto;
	}
		.m1-3 a{
			max-width: 250px;
			width: 100%;
		}
}
@media screen and (max-width:810px) {
	figure{
		width: 25%;
	}
}
@media screen and (max-width:768px) {
	.fig_txt{
		font-size: 0.95rem !important;
	}
	.only_tab{
		display:block;
	}
	.top_contents_btn a{
		/*max-width: 170px;*/
		max-width: calc((100% / 2) - 10px);
	}
	.tab_main{
		width:100%;
		height:auto;
	}
	.h-p {
	    font-size: 11px;
	    padding-top: 15px;
	}
	.h-p2{
		margin-bottom: 11px;
	}
	.h-i {
	    width: 131px;
	}
	.n-h {
	    width: 553px;
	    margin-top: 24px;
	}
	#nav li {
	    padding-right: 0px;
	}
	.li1 {
	   width: 99px;
	    font-size: 14px;
	}
	.li2 {
	   width: 225px;
	    font-size: 14px;
	}
	.h-3 {
	    font-size: 13px;
	    margin-right: 4px;
	    padding-left: 10px;
	    width: 121px;
	    height: 34px;
	}
	.h1 {
	    font-size: 52px;
	    text-align: center;
	}
	.mainimg {
	    width: 90%;
	}
	.main1{
		height: auto;
	}
	.m1 {
	    max-width: 768px;
	}
	.m1-i{
		display:none;
	}
	.m1-p{
		display:none;
	}
	.m-c {
	       /*height: 115px;*/
	}
	.m1-p1 {
	   margin-left: 0px;
	    width: 32%;
	}
	.m1-p2 {
	    font-size: 13px;
	    width: 66%;
	    margin-top: 10px;
	}
	.m1-app{
		    width: 160px;
	}
	.m1-goo{
		width: 160px;
	    margin-left: 10px;
	}
	.m1-2 {
	    padding-left: 40px;
	}
	.m1-i2{
		max-width: 180px;
	}
	.m1-i3{
		max-width: 180px;
	}
	.m1-i4{
		/*max-width: 180px;*/
		width: 100%;
	}
	.app {
	    /*max-width: 369px;*/
	    height: 165px;
	}
	.nagare {
	    height: 221px;
	}
	.nagare2 {
	    max-width: 710px;
	    height: 221px;
	}
	.nagare3{
		max-width: 709px;
	}
	.link {
	    height: auto;
	    max-width: 100%;
	}
	.link2 {
	    /*position: relative;*/
	    /*top: auto;*/
	    /*display: flex;*/
	    /*flex-wrap: wrap;*/
	    /*margin: auto;*/
	    /*justify-content: center;*/
	    /*align-items: center;*/
	    /*width: 100%;*/
	    /*margin-top: 30px;*/
	}
	.m1-3{
		display:flex;
		/*padding: 0px 20px;*/
	}
	.m1-3 a,
	.app a{
		width:48%;
	}
	.l-i {
	    max-width: 100%;
	}
	.gallery_box{
		display:flex;
		flex-wrap:wrap;
	    justify-content: space-between;
	}
	.gallery_box figure{
		width:49%;
		max-width:inherit;
	    margin-bottom: 70px;
	}
	.f-img,.f-img2,.f-img3{
		height:auto;
		max-height:196px;
	}
	.img1,.img2,.img3,.img4{
		width:100%;
		overflow:hidden;
	}
	.bot_box{
		/*width:30%;*/
	}
	.top_contents_btn{
	    margin-left: 0px;
	    margin-left: 0px;
		display: flex;
	    flex-direction: row;
	    align-content: center;
	    justify-content: flex-start;
	    align-items: center;
	}
}
@media screen and (max-width:600px) {
	.only_tab{
		display:none;
	}
	.m1-p{
		display:block;
	}
	.main1 .only_mb{
	    width: 100%;
		margin: 0px auto;
	}
	.main1 .m1-3{
		margin: 0px auto;
	}
	.h-i {
			width:40%;
	    height: auto;
	}
	.h-p {
	    max-width: 390px;
	    margin: 0 auto;
		padding-top: 9px;
	}
	/*.h-2 {
	    height: 92px;
	    max-width: 401px;
	}*/
	.h-i {
	    width: 132px;
	    margin-top: 10px;
	}
	.h-p2 {
	    font-size: 10px;
	    margin-bottom: 14px;
	}
	.f1-2{
		font-size:inherit;
	}
	.n-h {
	    width: 214px;
	    margin-top: 0px;
	    height: 85px;
	}
	.li2 {
	    font-size: 12px;
	    margin: 0;
		margin-top: 7px;
		margin-bottom:7px;
	    width: 100%;
	}
	.h-3 {
	    font-size: 11px;
	    margin-right: 45px;
	    margin-top: 0px;
	    padding-left: 10px;
	    width: 107px;
	    height: 26px;
	    padding-top: 7px;
	}
	.h1 {
	    font-size: 30px;
	    margin-top: 10px;
	}

	.mainimg {
	    width: 90%;
	    height: auto;
	}
	.main1 {
	    height: auto;
		display:flex;
		padding:30px 10px;
		    flex-wrap: wrap;
	}

	.m1{
	    display: flex;
		justify-content:center;
		align-items:flex-end;
	}

	.m1 .m1-3{
		width:100%;
	}

	.m1-i {
		display:block;
	    width:35%;
		height:auto;
		margin-right:10px;
		margin-bottom:10px;
	}
	.m1-p1{
		margin-top: 0px;
		width:63%;
		height: 42px;
	}
	.m1-p2 {
	    clear: both;
	    float: none;
	    width: 100%;
	    line-height: 1.5;
	    font-size: 0.8rem;
		margin-top: 7px;
	}
	.m1-2 {
	    display:flex;
		padding-left:0;
		height:auto;
	}
	.m1-i2 {
	    max-width: 100px;
	    margin-bottom: 0px;
		    margin-top:0px;
	}
	.m1-i3 {
	    max-width: 100px;
	    margin-left: 0px;
	}
	.m1-i4{
		max-width:130px;
	}
	.m1-app{
		width: 90px;
	}
	.m1-goo{
		width: 90px;
	}
	.toku {
	    height: auto;
	    max-width: 202px;
		margin:20px auto;
	}
	.toku-p{
		position:relative;
		top:auto;
	}
	.t-work{
		max-width: 200px;
	}
	.gallery_box {
	    max-width: 100%;
	}
	.figu1 {
	    margin-bottom: 40px;
	}
	.app,
	.m1-3{
		/*max-width: 100%;*/
		max-width: 400px;
		display: flex;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		padding: 0px;
	}
	.app a{
		text-align:center;
	}
	.m1-i4{
	max-width:90%;
	}
	.nagare {
	    height: auto;
	    padding: 10px;
		padding:50px 10px;
	}
	.nagare2 {
	    height: auto;
	    max-width: 100%;
	}
	.nagare3 {
	    max-width: 95%;
	}
	.link {
	    height: auto;
	    width: 100%;
		max-width: 100%;
	    margin-top: 20px;
	}
	.link2 {
	    position: relative;
	    top: auto;
	}
	.link3 {
		width:95%;
		height: auto;
		margin:auto;
	    max-width: 400px;
	}
	.l-i {
	    max-width: 90%;
	    width: 90%;
	    height: auto;
	    padding: 10px 20px;
	}
	.l-p {
	    font-size: 15px;
	}
	.m1-3 a{
		text-align:center;
	    max-width: none;
		width: 50%;
	}
	.m1-i5 {
	    width: 90%;
	}
	/*.m1-2 {
	    height: 49px;
	}*/
	.f-r{
		margin-right:5px;
	}
	.f-l{
		margin-left:5px;
	}
	.fig_txt {
	    font-size: 0.85rem !important;
	}
}
@media screen and (max-width:480px) {
	.gallery_box figure {
	    max-width: 290px;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}
	figcaption .f1-1,
	figcaption .f2-1,
	figcaption .f3-1,
	figcaption .f4-1{
		font-size: 13px !important;
		line-height: 19px;
	}
	
	figcaption .f1-2,
	figcaption .f2-2,
	figcaption .f3-2,
	figcaption .f4-2{
		font-size: 13px !important;
		line-height: 19px;
	}
	.m1-3,
	.app{
		max-width: 320px;
	}
	.m1-3 a,
	.app a{
		padding: 0px 5px;
		width: 50%;
	}
	.m1-i4,
	.m1-i5{
	    max-width: 100%;
	    width: 100%;
	}
	.link2{
	    margin-top: 25px;
	    margin-bottom: 25px;
	}
	.link3{
		max-width: 310px;
	    padding: 5px;
	}
    .campaign_banner{
        padding: 0px 10px;
    }
}
@media screen and (max-width:414px) {
	.main1{
		padding: 16px 0;
	}
	.m1-i{
		    width: 40%;
	}
	.m1-p2{
		    padding-right: 15px;
	}
}
@media screen and (max-width:375px) {
	.h-p {
    font-size: 10px;
}
.h1{
	font-size: 27px;
}
.m1-p{
	width: 70%;
}
.m1-p1{
	width: 60%;
	height: 60%;
}
.m1-2 {
    height: 50px;
       margin-top: 0px;
}
.nagare2 {
    max-width: 359px;
}
.nagare3 {
   max-width: 338px;
}
.f-r{
	margin-right:0px;
}
.f-l{
	margin-left:0px;
}
.chati {
    margin-top: -14px;
}
}
@media screen and (max-width:360px) {
	.h-i {
    width: 110px;
}
.h1 {
    font-size: 26px;
}
.m1-p {
    width: 73%;
}
.m1-2 {
    height: 43px;
        margin-top: -1px;
}
.m1-i4{
	    max-width: 85%;
}
.m1-i5{
	    max-width: 85%;
}
.app a{
	padding:0px;
}
.m1-3 a{
	padding:0px;

}
.m1-i2 {
    max-width: 85px;
}
.link3 {
    max-width: 300px;
    padding: 5px;
}
.chati {
    width: 105px;
    margin-top: -13px;
}

}
@media screen and (max-width:320px) {
	.m1-i{
		width: 44%;
	}
	.m1-p2{
		padding-right:1px;
	}
}