.section_bg{ width:100%;background:url(../images/out/images/out4.png); position:relative;}
#section1 .box1{ background:url(../images/out/images/out1.png); background-size:cover; background-position: right bottom;}
#section1 .box1 h2{ background:url(../images/common/images/common_bg2.png); background-size:100%; background-position:center;display:flex;align-items: center;justify-content: center;color:#000; }
#section1 .box3{background:url(../images/common/images/common_bg3.png); background-size:cover;}
#section2 h2{ background:#fa611d; color:#000; position:relative; width:100%;display: flex; align-items: center;}
#section2 h2{ color:#000;}
#section2 h2 img{padding:0 1.5em;}
#section2 .txt2{ text-align:center; color:#13a73d}
#section2 .txt3{ text-align:center; color:#fa611d}
#section2 .list1 li{ background:#ffe212;display:flex;align-items: center;justify-content: center;}
#section2 .list2{ background:#EFF9F3;}
#section2 .list2 li{display:flex;align-items: center;justify-content: center; background:#fff;font-weight:300;}
#section2 .list2 li:nth-of-type(1){ background:#ffe212;font-weight:600;}
#section2 .box1{ background:#fff;}
#section2 .box2{ background:#fff;}
#section2 .box3{ background:#fff;}
#section2 .box4{ background:#fff;}


.pc_body #section1 .box1 .inbox1{ width:1020px; margin:auto; position:relative; height:360px;}
.pc_body #section1 .box1 .img1{ width:620px; position:absolute; right:0; top:0;}
.pc_body #section1 .box1 h2{ width:390px; height:150px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; font-size:48px; position:absolute; left:0; top:0; font-weight:400;}
.pc_body #section1 .box1 h2 .s1{font-size:48px;font-weight:400; line-height:1.2;}
.pc_body #section1 .box1 p{ position:absolute; bottom:50px; left:20px; font-size:28px;}
.pc_body #section2{ width:740px; margin:auto; padding:40px 0 40px 280px;}
.pc_body #section2 .imgbox1 img{ float:left;}
.pc_body #section2 .imgbox1 p{ float:left; color:#fa611d; padding-left:40px; font-size:18px;}
.pc_body #section2 .imgbox2 img{ float:right; padding-left:40px;}

.pc_body #section2 h2{ font-size:48px; padding:10px 0;}
.pc_body #section2 h2 img{width:60px;}
.pc_body #section2 h2 .s1{ padding-left:1em;}
.pc_body #section2 h3{ font-size:24px; border-bottom:solid 3px #13a73d; padding:10px 0;}
.pc_body #section2 h4{ font-size:18px; padding:10px 0 0; border-bottom:solid 1px #fa611d; display:table; margin-bottom:-10px;}
.pc_body #section2 .txt1{ padding:20px 0; font-size:18px;}
.pc_body #section2 .txt2{ border:solid 2px #13a73d; border-radius:10px; font-size:18px; margin-top:40px; padding:20px 0;}
.pc_body #section2 .txt3{ padding:20px 0;}
.pc_body #section2 .list1{ padding:40px 0 0;}
.pc_body #section2 .list2{ margin:40px auto 20px; padding-bottom:20px;}
.pc_body #section2 .list1 li{ margin:5px; width:calc(50% - 10px); float:left; height:66px; font-size:18px;}
.pc_body #section2 .list2 li{ width:calc(50% - 20px); margin:10px; height:50px; float:left; font-size:18px;}
.pc_body #section2 .list2 li:nth-of-type(1){ width:100%; margin:0 0 30px; }
.pc_body #section2 .box1{ padding:20px; position:relative;}
.pc_body #section2 .box2{ padding:20px; position:relative; margin-top:40px;}
.pc_body #section2 .box3{ padding:20px; position:relative; margin-top:40px;}
.pc_body #section2 .box4{ padding:20px; position:relative; margin-top:40px;}
.pc_body #section2 .box2 .img1{ width:90%; margin:auto; display:block;}








.sp_body #section1 .box1 .inbox1{ width:100%; margin:auto; position:relative; }
.sp_body #section1 .box1 .img1{ width:90%; margin:auto; padding:5vw 0; display:block;}
.sp_body #section1 .box1 h2{ width:100%; height:15vw; border-bottom-left-radius:2vw; border-bottom-right-radius:2vw; font-size:8vw; font-weight:400;}
.sp_body #section1 .box1 .icon{ width:10vw;}
.sp_body #section1 .box1 p{font-size:6vw; width:90%; margin:auto; text-align:center; padding-bottom:10vw;}

.sp_body #section2{ width:100%; margin:auto; padding:10vw 0;}
.sp_body #section2 .imgbox1 img{ width:80%;  margin:auto; display:block;}
.sp_body #section2 .imgbox1 p{ text-align:center; padding:5vw 0; color:#fa611d;  font-size:5vw;}
.sp_body #section2 .imgbox2 { position:relative; padding:0 0 60vw; margin:auto;}
.sp_body #section2 .imgbox2 img{ width:80%;position:absolute;left:50%;bottom: 5vw;-webkit-transform: translate(-50%, -0%);/* Safari用 */transform: translate(-50%, -0%);}
.sp_body #section2 h2{ font-size:5vw; padding:2vw 0;}
.sp_body #section2 h2 .s1{ padding-left:1em; font-size:3vw;}
.sp_body #section2 h2 img{width:10vw;}
.sp_body #section2 h3{ font-size:5vw; border-bottom:solid 1vw #13a73d;padding:5vw 0; }
.sp_body #section2 h3 br{ display:none;}
.sp_body #section2 h4{ font-size:4vw; padding:5vw 0 0; border-bottom:solid 0.5vw #fa611d;display:inline; margin-bottom:-2vw;}
.sp_body #section2 .txt1{ padding:5vw 0; font-size:4vw;}
.sp_body #section2 .txt2{ border:solid 1vw #13a73d; border-radius:3vw; font-size:4vw; margin-top:5vw; padding:5vw 0;}
.sp_body #section2 .txt3{ padding:3vw 0; font-size:4vw;}
.sp_body #section2 .list1{ padding:5vw 0 0;}
.sp_body #section2 .list1 li{ margin:1vw; width:calc(50% - 2vw); float:left; height:15vw; font-size:4vw;}
.sp_body #section2 .list2{ margin:10vw auto 5vw; padding-bottom:5vw;}
.sp_body #section2 .list2 li{ width:calc(100% - 6vw); margin:3vw auto; height:10vw; font-size:5vw;}
.sp_body #section2 .list2 li:nth-of-type(1){ width:100%; margin:0 0 5vw; }
.sp_body #section2 .box1{ padding:5vw; position:relative;}
.sp_body #section2 .box2{ padding:5vw; position:relative; margin-top:10vw;}
.sp_body #section2 .box3{ padding:5vw; position:relative; margin-top:10vw;}
.sp_body #section2 .box4{ padding:5vw; position:relative; margin-top:10vw;}
.sp_body #section2 .box2 .img1{ width:100%;}