@charset "UTF-8";
/* solution */
.solution_onpage{background:#a4000b;}
.example_textleft{display:inline-block;width: 77%;font-size: 1.4rem;}
.sec03 .resetcolor{color:#333333;}
#h2ttl{background: url( "../solution/image/ttl.jpg" )top right /  auto 110px no-repeat #EEEEEE;height: 110px;margin-top: 0px;}
#h2ttl h2{font-size:3.0rem;line-height: 110px; }
.mainimg div a{width: 92%;margin: 15px 4%;display: block;line-height: 30px;padding-left: 10px;font-weight: bold;font-size: 1.4rem;letter-spacing: 0.5px;border: 1px solid #fff;}
.mainimg .leftbox a{color: #fff;position: relative;vertical-align: middle;}
.mainimg .leftbox a:hover,.mainimg .leftbox a.onpage{background: #fff;color: #0A5395;}
.mainimg .leftbox a:hover:after{border-color: transparent transparent transparent #0A5395;}
/*.mainimg .leftbox a::before,
.mainimg .leftbox a::after{position: absolute;top: 0; bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.mainimg .leftbox a::before{left: 10px;top:4px;box-sizing: border-box;width: 6px;height: 8px;border: 6px solid transparent;border-top: 8px solid #36567F;}*/
/*.mainimg .leftbox a.onpage::before{left: 10px;top:4px;box-sizing: border-box;width: 6px;height: 8px;border: 6px solid transparent;border-top: 8px solid #ffffff;}*/
.mainimg .rightbox a{color: #fff;position: relative;vertical-align: middle;}
.mainimg .rightbox a:hover,.mainimg .rightbox a.onpage{background: #fff;color: #307F78;}
.mainimg .rightbox a:hover:after{border-color: transparent transparent transparent #307F78;}
/*.mainimg .rightbox a::after{position: absolute;top: 0; bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.mainimg .rightbox a::before{left: 10px;top:4px;box-sizing: border-box;width: 6px;height: 8px;border: 6px solid transparent;border-top: 8px solid #108878;}
.mainimg .rightbox a.onpage::before{left: 10px;top:4px;box-sizing: border-box;width: 6px;height: 8px;border: 6px solid transparent;border-top: 8px solid #ffffff;}*/
#bgimg{background: url( "../solution/image/03.jpg" )top right / 340px auto no-repeat ;margin-bottom: 30px;}
#section02 img{width: 90%;margin: 0 5%;}
.text{/*background: #D08466;color: #ffffff;font-size:1.8rem;*/font-size:2.2rem;text-align: center;width: 90%;margin: 0 5%;padding: 15px 5px;letter-spacing: 0;}
.text span{font-size:2.5rem;}
.white{line-height: 200%;}
.white span{background: #FFF68C;padding: 2px;}
/* solution2 */
.pagettl{color: #ffffff;background: #0A5395;font-size: 2.5rem;border: none;padding: 15px 0;letter-spacing:0; text-align: center;font-style: italic;}
.pagettl2{line-height: 70px;color: #ffffff;background: #108378;font-size: 2.5rem;border: none;padding: 0;letter-spacing:0;text-align: center;}
.pagettl3{line-height: 70px;color: #ffffff;background: #222222;font-size: 2.5rem;border: none;padding: 0;letter-spacing:0;text-align: center;}
.box01,.box02,.box03 ,.box04{}
.stepbox{width: 100%;background: #ffffff;}
.step{width: 90px;height: 26px;}
#solution2 .leftbox h4{background: #EDE1D0;margin: 0;padding: 10px;letter-spacing: 0.5px;text-align: left;font-size: 1.5rem;line-height: 120%;}
#solution2 .rightbox h4{/*background: #1D4C97;*/margin: 0;padding: 10px ;text-align: left;color: #1D4C97;font-size: 1.5rem;letter-spacing: 0.5px;line-height: 120%;font-weight: bold;}
#solution2 .box01 .leftbox .textbox{padding: 20px 20px; font-size: 1.4rem;}
#solution2 .box01 .rightbox .textbox{padding: 20px 20px 50px 20px; }
#solution2 .rightbox img{width: 92%; margin: 0 4% 20px 4%;background: #eee;padding: 5px;}
#solution2 .box01 redbox span{padding-left:1rem;text-indent:-3rem;display: block;line-height: 120%;}
.arrow{text-align: center;width: 50px;margin: 40px auto;}
.box02 dt div {background: #333333;color: #ffffff;height:30px;width:30px;border-radius:50%;line-height:33px;text-align:center;z-index: 99999;font-size: 2.0rem;line-height: 33px;}
.box02 dd p{font-size: 1.4rem;font-weight: normal;margin: 0 30px 0 20px;letter-spacing: 0;}
.box02 dd div{border-top: 1px solid #C4C4C4;}
.box02 dd div.first{border-top:none;}
.box02 .rightbox img{padding-top: 10px;padding-bottom: 10px;}
#solution2 .box02 .rightbox h4{margin-bottom: 10px;}
.circle {padding: 0; width: 0rem;height: 0rem;border: solid 0.4rem black;border-radius: 50%;position: absolute;left: -25px; bottom: 0;}
/*.box03 span{border: 1px solid #D80C18;color: #D80C18;padding:5px 10px;margin-bottom: 30px;}*/
#solution2 .box03 .rightbox img,#solution2 .box04 .rightbox img{margin-top: 20px;}
.item .active{background:#FF0100;}

/* solution2_0221追加 */
.mb0 {margin-bottom:0px;}
#solution2 .box01 .width31{width:33%; margin: 40px 2% 0 0;}
#solution2 .box01 .width65{width:65%; margin-top: 40px;}
.btline_bold{border-bottom:1px solid #333333;font-weight:bold;}
.fontColer-red{color:#D80C18;}
.box02 dt{display:inline-block;}
.box02 dd{display:inline-block;font-size: 1.8rem;font-weight: bold;}
.box2__contents{border-bottom: 1px solid #333333;}
#solution2 .rightbox img.mt-60{margin-top: 0px;}
.border-none{border:none;}
.redBoxColor{border: 2px solid #D80C18;color: #D80C18;padding:5px 10px;margin:0px 10px 20px 0px;font-weight:bold;display: inline-block;}
.box03 p{font-weight:bold;}
	.box03 p:last-child{font-weight: normal;}
.box04 p{font-weight:bold;}
	.box04 p:last-child{font-weight: normal;}
	.box04 ol li {list-style: decimal; list-style-position: outside;}

/* addon */
.content02{width:100%;margin: 0 auto;}
.hr{height: 1px;background-color: #333333;border: none;color: #333333;margin: 40px 0; }
#addon h5{font-size:2.0rem;border-left: 10px solid #108378;line-height: 25px;padding-left: 10px;}
#addon h6{font-size:2.0rem;line-height: 25px;background: #108378;color: #ffffff;text-align: center;padding: 5px 0;margin: 30px 0;}
#addon h8{font-size:1.8rem;line-height: 15px;display: inline; margin-bottom: 10px;font-weight: bold;}
#addon ol li{color: #108378;font-weight: bold;margin-top: 20px;}
#addon ol li .gttl{padding-left:1em;/*text-indent:-1em;*/list-style: inside decimal;line-height: 120%;}
.halfimg{width: 42%;float:left;margin: 0 4%}
.leftbox2{width:100%;margin-right: 2%;}
.rightbox2{width:100%;}
.ad01{background:url( "../solution/image/addon/09.png" )top left / 100% auto no-repeat;width: 100%;height: 500px; }
.rightbox2 img{width: 70%;margin: 10px auto;display: block;}

/*0221追加_addon */
.leftbox2_leftText{float:left;width: 45%;margin-right: 2%;}
.leftbox2_rightImg{width:47%;}
.leftbox2_leftText-red{color:#ff0000;font-size:1.4rem;height: 50px;line-height: 120%;    margin-top: 10px;}
.addon_box3-left{width:40%;border:1px solid #108378;margin-right: 3%;padding:20px;}
.addon_box3-right{width:40%;border:1px solid #108378;padding:20px;}
.addon_lrbox{text-align:center;display: -webkit-box;display: -ms-flexbox;display: flex;
justify-content: center;}
.addon_box3Number{height:15px;width:15px;border-radius:50%;line-height:15px; text-align:center;border:1px solid #333;margin-right:10px;display: inline-block;}
.addon_box3P{border:none;text-align:left;font-weight:bold;margin-bottom: 60px;}
.addon_flexwrap{display: -webkit-box;display: -ms-flexbox;display: flex;
justify-content: space-around;}
.rightbox2 .cubeImg{width:50px;display:inline-block;}
.addon_box3-innerRight{display:inline-block;text-align:left;margin:10px 10px 10px 10px;vertical-align: top;}
.addon_box3ImgBox-blue{background:#F3F8FF;width:90%;margin: 0px auto;}
.addon_box3ImgBox-green{background:#F4FFF3;width:90%;margin: 0px auto;}
.box3ImgBox__img{padding:20px 0px;}
.rightbox2 .addon_box3_img{margin-top:20px;}
.addon__fsmini{font-size:1.2rem;}



/* example */
.sec02{padding: 20px 10px;width:60%;display:inline-block;}
.sec03 span{color: #36567F;vertical-align: top;}
.sec03_03{background: #36567F;color: #ffffff;text-align: center;padding: 5px 0;}
#example .ttl02{background: #36567F;color: #ffffff;text-align: center;margin: 30px 2% 20px 2%;padding: 15px 0;}
.sec04{width: 100;}
.sec04_02 ,.sec04_03 { border: 1px solid #CCCCCC; }
.arrow03{text-align: center;width: 50px;margin: 20px auto;}
.sec04 .sec04_03 h6 span{margin-top: 25px;}
/*.sec04 p{background: #36567F;color: #ffffff;text-align: center;margin-top: 10px;}*/
.sec04_01 img{padding:0 15px; margin: 5px 0;}
.sec05{width: 96%;margin: 0 2%;border: 1px solid #1D4C97;}
.sec06{/*background: #E2F2EF;*/padding: 20px 0;width: 96%;margin: 0px auto;}
.sec06 h5 {margin: 0 10px 5px 10px;}
.sec06 p {margin: 0 10px 20px 10px;}
.btn01{background:url( "../solution/image/example/btn01.png" )top center / auto 55px no-repeat;line-height: 55px;height: 55px; margin-bottom: 20px;color: #ffffff;font-size: 1.4rem;}
.btn02{background:url( "../solution/image/example/btn02.png" )top center / auto 55px no-repeat;line-height: 100%;height: 55px; margin-bottom: 20px;color: #ffffff;font-size: 1.4rem;position: relative;}
.btn02 p{position: absolute;top: 50%;left: 50%;width: 100%;text-align: center;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);background:none;padding: 0;margin: 0;}
.btn03{background:url( "../solution/image/example/btn03.png" )top center / auto 55px no-repeat;line-height: 55px;height: 55px; margin-bottom: 20px;color: #ffffff;font-size: 1.4rem;}
.sec04 h6 span{font-size: 1.6rem;line-height: 120%;display: block;float: left;margin-bottom: 20px;margin-top: 15px;}
.sec04 h6 span.number{display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;flex-flow: column; vertical-align: top; width: 38px;height: 38px;font-size: 2.2rem;line-height: 1.1rem;color: #ffffff;background: #36567F;margin:15px 10px 0 15px; }

/*0221追加_example */
#example .number {text-align: center;background: #108378;color: #ffffff;width: 50px;display: inline-block;vertical-align: middle;margin-right: 20px;padding: 10px 0;font-weight: bold;font-size:2.0rem;}
#example h7{font-size:2.0rem;font-weight: bold;}
.example__imgBox{text-align:center;display: -webkit-box;display: -ms-flexbox;display: flex;
justify-content: space-between;}
.example__imgBox-left{width:46%;}
.example__imgBox-right{width:50.8%;}
.exSec04__contentsWrap{width:90%;margin:0px auto;}
.example__textBox{text-align:center;display: -webkit-box;display: -ms-flexbox;display: flex;
justify-content: space-between;}
.exTextBox__inner{width:48%;border:1px solid #108378;padding:20px 0px;color:#108378;font-weight:bold;}
.exTextBox__row3{width:31%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;}
.exSec04__arrow{width: 0;height: 0;border-style: solid;border-width: 25px 25px 0 25px;border-color: #108377 transparent transparent transparent;margin: 50px auto 20px auto;}
.bgGreen{background:#dce9d5;text-align:center;}
.greenBold{font-size: 1.8rem;margin-bottom: 5px;letter-spacing: 0;color: #108378;font-weight:bold;}
.sec04Strong{font-size: 2.4rem;font-weight: bold;margin-bottom:20px;}
.bgwhite{background: #fff;color:#333;font-weight:normal;}

/* s_partner */
#s_partner #sp_ttl01{border: none;color: #ffffff; background:url( "../solution/image/partner/ttl01.jpg" )no-repeat 0px 100%;background-size: cover;margin: 15px 0; padding: 40px 0px 40px 15%;position: relative;}
#s_partner #sp_ttl02{border: none;color: #ffffff; background:url( "../solution/image/partner/ttl02.jpg" )no-repeat 0px 40%;background-size: cover;margin: 30px 0 15px 0;padding: 40px 0px 40px 15%;position:relative;}
#s_partner dt{border-left:10px solid #0A5395;font-size:2.0rem;margin:10px 0 10px 0;padding-left: 10px; }
#s_partner dd{/*border: 1px solid #0A5395;*/padding: 20px;}

/* s_partner0225追加*/
.bdTop{border-top:2px solid #0A5395;padding-bottom: 20px;}
.bdTop-green{border-top:2px solid #307F78;padding-bottom: 20px;}
#s_partner .lb-green{border-left: 10px solid #307F78;}
.sp_ttl01__img{width: 220px;position:absolute;top: 5px;right:15%;}
.sp_ttl02__img{width: 320px;position:absolute;top: 23px;right:15%;}

/* page_aicon */
.mainimg .rightbox .aicon{position: relative;vertical-align: middle;text-decoration: none;}
.mainimg .rightbox .aicon::before,
.mainimg .rightbox .aicon::after{position: absolute;top: 6px;bottom: 0;right: 8px;margin: 0 0 0 auto;content: "";vertical-align: middle;}
.mainimg .rightbox .aicon_design-G::after{right: 14px;top: 9px;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #ffffff;}
.mainimg .rightbox .aicon_design-G.onpage::after{right: 14px;top: 9px;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #307F78;}
.mainimg .leftbox .aicon{position: relative;vertical-align: middle;text-decoration: none;}
.mainimg .leftbox .aicon::before,
.mainimg .leftbox .aicon::after{position: absolute;top: 6px;bottom: 0;right: 8px;margin: 0 0 0 auto;content: "";vertical-align: middle;}
.mainimg .leftbox .aicon_design-B::after{right: 14px;top: 9px;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #ffffff;}
.mainimg .leftbox .aicon_design-B.onpage::after{border-color: transparent transparent transparent #0A5395;}

.pagenavi .aicon{position: relative;vertical-align: middle;text-decoration: none;}
.pagenavi .aicon::before,
.pagenavi .aicon::after{position: absolute;top: 18px;bottom: 0;right: 15px;margin: 0 0 0 auto;content: "";vertical-align: middle;}
.pagenavi .aicon_design-B::before{width: 23px;height: 23px;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;}
.pagenavi .aicon_design-B::after{right: 23px;width: 9px;height: 9px;top: 25px;border-top: 3px solid #000;border-right: 3px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.pagenavi .aicon_design-B.onpage::before{width: 23px;height: 23px;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;}
.pagenavi .aicon_design-B.onpage::after{border-top: 3px solid #000;border-right: 3px solid #000;    transform: rotate(135deg); top: 24px;right: 22px;}

/* 200204追加*/
.fs18{font-size:1.8rem;}

/* 1000以上*/
@media screen and (min-width: 1000px) {
.example_textleft {display: inline-block;width: 85%;font-size: 1.4rem;margin-left: 21px;}

/* solution2 */
#solution2 .box01 .leftbox{height: 180px; }
#solution2 .box01 .rightbox{height: 0px;}
#solution2 .box02 .leftbox{height: 270px; }
#solution2 .box02 .rightbox{height: 0px;}
#solution2 .box03 .leftbox{height: 296px; }
#solution2 .box03 .rightbox,#solution2 .box04 .rightbox{height: 270px;}
.box02 dd{margin-left: 0px;margin-top: 0;font-size: 2.0rem;font-weight: bold;}
.box02 dd div{margin: -55px 20px 0 5px; padding: 15px 0 20px 0;}
.box03 .point{margin: 50px 20px 0 20px;}
.box03 .redtext{margin: 20px 0 0 0 ;}
.box02 dl{margin-top: 30px;padding-left: 20px;}
.end{height: 160px;border-bottom: 1px solid #C4C4C4;}
.maru{position: relative;height: 200px;}
#solution2 .box01 .redbox{padding: 10px 20px;background: #D80C18;color: #ffffff;line-height: 120%;}
/* addon */
#addon .numberttl{font-size:2.0rem;width: 100%;margin: 30px 0 30px 0; font-weight: bold;
display: -webkit-box; /*Android4.3*/display: -moz-box;/*Firefox21*/display: -ms-flexbox; /*IE10*/display: -webkit-flex; /*PC-Safari,iOS8.4*/display: flex;position: relative;}
#addon h7{position: absolute;top: 50%;left:60px;line-height: 26px;margin-top: -13px;letter-spacing: 0;}
#addon .number{text-align: center; background: #108378;color: #ffffff;width: 50px; display:inline-block;vertical-align: middle;margin-right: 20px;padding: 10px 0;}
#addon h7 span{font-size:1.6rem;color: #333333 ;font-weight: normal;}
#addon ol{width: 45%;margin-right: 2%;float:left;}
#addon .leftimg{width: 40%;float:left;margin: 20px 0 0 0;}
.addon_contentsbox{width:90%;margin:0px auto;}
/*.ttl span{font-size:2.0rem;}
.rightbox2 .ttl{line-height: 92px;padding: 0;}*/
/* example */
.sec01{background:url( "../solution/image/example/02.jpg" )top right / auto 245px no-repeat; }
.sec01 p{width:60%;padding: 30px 0px;}
.sec02 h5 ,.sec06 h5{font-size: 1.8rem;margin-bottom: 5px;letter-spacing: 0;color:#108378;}
.sec04_01 {width: 49%; border: 1px solid #CCCCCC;float: left; }
.sec04_02wrap{width: 49%;float: left;}
.arrow01{width: 2%;float: left;text-align: center;}
.arrow01 img{width: 13px;margin-top: 150px;}
.arrow02{text-align: center;}
.arrow02 img{transform: rotate(90deg);width: 13px;margin: 20px 0;}
.sec07{width:66%;float: left;}
.sec07img{width:32%;margin-left: 2%;float: left;}
.sec07 div{border-bottom: 20px solid #ffffff;}
.sec07 .bb{border-bottom: 20px solid #ffffff;border-top: 1px solid #cccccc;padding-top: 20px;}
.sec07 p{border-left: 10px solid #E50012;padding-left: 20px;line-height: 180%;}
.pctablet{display:none;}


}

/* 768-999の間*/
@media print, screen and (min-width: 768px) and (max-width: 999px) {
/* solution2 */
#solution2 .box01 .leftbox{ height: 190px; }
#solution2 .box01 .rightbox{height: 190px;}
#solution2 .box02 .leftbox{}
#solution2 .box02 .rightbox{}
#solution2 .box03 .leftbox,#solution2 .box04 .leftbox{}
#solution2 .box03 .rightbox,#solution2 .box04 .rightbox{}
#solution2 .box02 dd div br{display: none}
.box02 dd{margin-left: 0px;margin-top: 0;padding: 38px 0 0 0; font-size: 1.6rem;font-weight: bold;letter-spacing: 0;}
.box02 dd div{margin: -55px 20px 0 20px; padding: 15px 0 10px 0;}
.box03 .point{margin: 30px 20px 0 20px;}
.box03 .redtext{margin: 10px 0 0 0 ;}
.box02 dl{margin-top: 20px;padding-left: 10px;}
.end{height: 100px;border-bottom: 1px solid #C4C4C4;}
.maru{position: relative;height: 100px;}
#solution2 .box01 .redbox{padding: 10px 20px;background: #D80C18;color: #ffffff;font-size: 1.4rem;letter-spacing: 0;line-height: 140%;}
/* addon */
#addon .leftimg{max-width: 380px;margin: 30px auto;display: block;}
#addon .numberttl{font-size:1.8rem;width: 100%;margin: 30px 0 30px 0; font-weight: bold;letter-spacing: 0;
display: -webkit-box; /*Android4.3*/display: -moz-box;/*Firefox21*/display: -ms-flexbox; /*IE10*/display: -webkit-flex; /*PC-Safari,iOS8.4*/display: flex;position: relative;}
#addon h7{position: absolute;top: 30%;left:60px;line-height: 26px;margin-top: -13px;}
#addon h7.h7_4{position: absolute;top: 50%;left:60px;}
#addon .number{text-align: center; background: #108378;color: #ffffff;width: 50px; display:inline-block;vertical-align: middle;margin-right: 20px;padding: 20px 0;}
#addon h7 span{font-size:1.4rem;color: #333;letter-spacing: 0;font-weight:normal;}
/*.ttl span{font-size:1.8rem;}
.rightbox2 h4.ttl{padding: 34px 0;font-size: 2.0rem;}	*/
/* example */
.sec01{background:url( "../solution/image/example/02.jpg" )top 0 right -100px / auto 200px no-repeat; }
.sec01 p{width:60%;}
.sec02 h5 ,.sec06 h5{font-size: 1.8rem;margin-bottom: 5px;letter-spacing: 0;}
.arrow01,.arrow02{text-align: center;}
.arrow01 img ,.arrow02 img{transform: rotate(90deg);width: 13px;margin: 20px 0;}
.sec07 img{width:25%;margin-right: 2%;float: left;}
.sec07 div{border-bottom: 20px solid #ffffff;width:73%;float: left;}
.sec07 .bb{border-bottom: 20px solid #ffffff;width:73%;float: left;border-top: 1px solid #cccccc;padding-top: 20px;}
.sec07 p{border-left: 10px solid #E50012;padding-left: 20px;line-height: 120%;}
.pc{display:none;}

/*solution2_0221追加*/
.box2__contents{margin-bottom: 10px;}

/*---------------solution----------------------*/
.mainimg .rightbox .aicon{position: relative;vertical-align: middle;text-decoration: none;}
.mainimg .rightbox .aicon::before,
.mainimg .rightbox .aicon::after{position: absolute;top: 6px;bottom: 0;right: 8px;margin: 0 0 0 auto;content: "";vertical-align: middle;}
.mainimg .rightbox .aicon_design-G::after{right: 14px;top: 9px;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #ffffff;}
.mainimg .rightbox .aicon_design-G.onpage::after{border-color: transparent transparent transparent #307F78;}
.mainimg .leftbox .aicon{position: relative;vertical-align: middle;text-decoration: none;}
.mainimg .leftbox .aicon::before,
.mainimg .leftbox .aicon::after{position: absolute;top: 6px;bottom: 0;right: 8px;margin: 0 0 0 auto;content: "";vertical-align: middle;}
.mainimg .leftbox .aicon_design-B::after{ight: 14px;top: 9px;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #ffffff;}
.mainimg .leftbox .aicon_design-B.onpage::after{border-color: transparent transparent transparent #0A5395;}

}


/* 768以上共通*/
@media screen and (min-width: 768px) {
h3, .ttl{font-size: 2.4rem;text-align: left;padding: 20px 20px;margin: 50px 0;background: #c1c1c1;    font-style: italic;}
h4{font-size: 2.0rem;margin: 30px 0px;}
.leftbox{width: 50%;float:left;background: #0A5395;margin: 0;}
.rightbox{width: 50%;float:left;background: #307F78;margin: 0;}
.item a{height: 90px;background:  #000000;color: #ffffff;width: 100%;margin:0 0 15px 0;text-align: center;display: table;padding:20px 10px;vertical-align:middle;}
/*.pagenavi02 a{background:  #000000;color: #ffffff;width: 23%;float: left;margin:0 0 15px 2.5%;text-align: center;display: block;min-height:60px;padding:5px;}
.pagenavi03 a{background:  #000000;color: #ffffff;width: 23%;float: left;margin:0 0 15px 2.5%;text-align: center;display: block;min-height:60px;padding:5px;}
.pagenavi04 a{background:  #000000;color: #ffffff;width: 23%;float: left;margin:0 0 15px 2.5%;text-align: center;display: block;min-height:60px;padding:5px;}*/
.item a:hover{background:  #FF0100;}
#s_partner .pagenavi01 a{background:  #000000;color: #ffffff;width: 49%;float: left;margin:0 1% 15px 0;text-align: center;display: block;}
#s_partner .pagenavi02 a{background:  #FF0100;color: #ffffff;width: 49%;float: left;margin:0 0 15px 1%;text-align: center;display: block;}
#s_partner .pagenavi01 a:hover{background:  #FF0100;}
.item{/*line-height: 58px;*/width:24%;float:left;margin-left:1.2%}
.pagenavi .item:first-child{margin-left:0;}
.navi_middle{vertical-align:middle;display:table-cell;}
.sp2{display: none;}
/* solution2 */
#solution2 .leftbox{width: 33%;float:left;background: #fff;margin: 20px 2% 20px 0;}
#solution2 .rightbox{width: 65%;float:left;background: #fff;margin:20px 0 0 0;}
.redtext{font-size: 2.2rem;color:#D80C18;margin-top: 50px;line-height: 140%;}
#solution2 .box04 p{margin: 40px 0 0 10px;}
#solution2 .box04 .ml20{margin-left:20px;}
.box01__contentsbox,.box03__contentsbox,.box04__contentsbox{width: 90%;
margin: 2% auto;}
.box2__contents{width: 96%;margin: 0 auto;padding: 0px 4%;}

/* addon */
#addon ol li p{color: #333333;padding-left: 2rem;font-weight: normal;}
/* example */
 .sec04 p{padding: 5px 20px; }
#example .ttl02{font-size: 2.0rem;}
.sec03_01{width: 50%;height: 310px; float: left;background:url( "../solution/image/example/03.png" )bottom center / 80% auto no-repeat #fff;padding: 20px 0 0 20px;}
.sec03_02{width: 50%;height: 310px;float: left;background: #cccccc;background:url( "../solution/image/example/04.png" )bottom center / 80% auto no-repeat #fff;padding: 20px 0 0 20px;}
.sec03{width: 100%;letter-spacing: 0;background:url( "../solution/image/example/05.jpg" )top right / auto 438px no-repeat #fff;display: inline-block;vertical-align: top;}
.sec04_01 {border: 1px solid #CCCCCC;}
.bluebox{background: #E4EBF4;margin: 5px 15px 15px 15px;text-align: center;padding: 38px 28px 18px 28px;}
.sec05 h6{font-size: 2.2rem;text-align: center;margin-top: 15px;}
.sec05 p{font-size: 1.8rem;color:#E50012;text-align: center;font-weight: normal;margin: 10px 0;}
/*0221追加_example */
.exTtl_img{float: right;width: 25%;height: auto;}
/* s_partner */
#s_partner .half{width: 48%;float: left;}
#s_partner .half:nth-child(odd){margin-right: 4%;}
#s_partner #sp_ttl01 ,#s_partner #sp_ttl02{font-size: 2.5rem;}
.dd01{width: 52%;margin-right: 3%;}
.dd02{width: 45%;}
.sec03_02 span{padding: 5px 0px;width: 100%;border: 2px solid #108378;display: block;text-align: center;color: #108378;font-weight:bold;margin-bottom: 20px;}
.sec03_01 span{padding: 5px 0px;width: 100%;border: 2px solid #108378;display: block;text-align: center;color: #108378;font-weight:bold;margin-bottom: 20px;}
.addon_img01{width:80%;margin:0px auto;display: block;}
.sec04 .example__numberttlP {padding-left:0px;}
}


/* 767以下共通*/
@media screen and (max-width: 767px) {
#h2ttl{background: url( "../solution/image/ttl.jpg" )top right /  auto 90px no-repeat #EEEEEE;height: 90px;margin-top: 0px;}
#h2ttl h2{line-height: 90px; color: #333333;font-size:2.6rem;}
.mainimg div a{font-size:1.2rem;}
.leftbox{background:#0A5395;padding-bottom: 10px;}
.rightbox{background:#307F78;padding-bottom: 10px;}
.white{ height: 100%;background: rgba(255,255,255,0.9);}
h3, .ttl{font-size: 1.8rem;padding: 10px 10px;margin: 20px 0 ;background: #c1c1c1;    font-style: italic;text-align: center;}
#solution .pagettl , #solution .pagettl2{font-size: 1.8rem;line-height: 120%;padding: 20px;}
h4{font-size: 2.0rem;}
.ttl span{font-size:1.4rem;}
.rightbox2 .ttl{padding: 0;}
.redtext{font-size: 1.8rem;}
#section02 img{width: 100%;margin: 0;}
.text{font-size:1.4rem;width: 100%;line-height: 120%; margin: 0;letter-spacing: 1px;padding: 10px;}
.text span{font-size:1.4rem;}

.item a{font-size: 0.9em;width:100%;background:  #000000;color: #ffffff;float: left;margin:0 0 15px 0;text-align: center; height:60px; padding:5px;   display: table;}
.item a:hover{background:  #FF0100;}
#s_partner .pagenavi01 a{background:  #000000;color: #ffffff;width: 49%;float: left;margin:0 1% 15px 0;text-align: center;display: block;font-size:1.4rem;line-height:100%;padding: 18px 0;}
#s_partner .pagenavi02 a{background:  #FF0100;color: #ffffff;width: 49%;float: left;margin:0 0 15px 1%;text-align: center;display: block;font-size:1.4rem;line-height:100%;padding: 11px 0;}
#s_partner .pagenavi01 a:hover{background:  #FF0100;}
.item{/*line-height: 58px;*/width:48%;float:left;margin-left:4%}
.pagenavi .item:nth-child(odd){margin-left:0;}
.navi_middle{vertical-align: middle;display: table-cell;}
/* 200204追加*/
.fs18{font-size:1.6rem;}


/* solution2 */
.example_textleft{display:inline-block;width: 100%;font-size: 1.5rem;}
#solution2 .leftbox{background: #FFF;margin: 20px 4% 0 0;padding-bottom: 20px;}
#solution2 .rightbox{background: #FFF;margin:0 0 0 0;}
#solution2 .box01 .redbox{padding: 10px 20px;background: #D80C18;color: #ffffff;}
.box02 dd{margin-left: 15px;margin-top: 0;padding: 25px 0 0 0; font-size: 1.6rem;font-weight: bold;letter-spacing: 0;width: 82%;}
.box02 dd div{margin: -30px 20px 0 20px; padding: 15px 0 10px 0;}
.redtext{font-size: 1.8rem;color:#D80C18;margin-top: 10px;line-height: 140%;}
.box03 .point{margin: 20px 10px 0 10px;padding-bottom: 20px;}
#solution2 .box04 p{margin: 20px 0 0 20px;}

/* solution2_0221追加 */
.box2__contents{position:relative;}
.box02 dl{position:relative;}
.box02 dt{position: absolute;top: 5px;}
#solution2 .rightbox img.mt-60{margin-top: 0px;}
.btline_bold{margin-top: 20px;}
.redBoxColor{display:inline-block;margin: 0px 10px 10px 0px;}

/* addon */
#addon h5{font-size:1.6rem;border-left: 5px solid #108378;line-height: 120%;padding-left: 10px;}
#addon h6{font-size:1.6rem;line-height: 120%;padding: 10px 0;margin: 30px 0 5px 0;}
#addon h8{font-size:1.6rem;line-height: 120%;}
#addon .numberttl{font-size:1.8rem;width: 100%;margin: 15px 0; font-weight: bold;letter-spacing: 0;text-align: center; }
#addon ol.addonol li p {padding-left: 20px;}
#addon .number{text-align: center; background: #108378;color: #ffffff; display:block;}
#addon h7 span{font-size:1.4rem;color: #333;letter-spacing: 0;line-height: 120%;}
#addon h7{width:96%;display: block;margin: 0 auto;padding: 10px 0;}
/*#addon ol li{padding-left:1rem;text-indent:-1rem;}	*/
#addon ol li p{color: #333333;padding-left: 0;text-indent:0;font-weight: normal;}
.leftbox2 .ttl{font-size:1.6rem;letter-spacing: 0;padding: 10px 10px;margin-bottom: 20px;}
/*.leftbox2 .ttl span{font-size:1.1rem;}	*/
.rightbox2 .ttl{font-size:1.6rem;letter-spacing: 0;padding: 10px 0;margin-bottom: 20px;}

/*0221追加_addon */
.leftbox2_leftText{ width: 100%;}
.leftbox2_rightImg{width: 100%;margin-top: 20px;}
.rightbox2 img{width:90%;}
.addon_lrbox{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.addon_box3-left{width:100%;}
.addon_box3-right{width:100%;margin-top: 20px;}
.leftimg{margin-top: 20px;}
.addon_contentsbox{text-align:center;}
.addonol{text-align:left;}

/* example */
#example .ttl02{font-size: 1.8rem;}
.sec04 p{padding:10px 5px;line-height: 120%;font-size: 1.4rem; }
.sec03_03{padding: 10px 5px;line-height: 120%;font-size: 1.4rem;}
.longttl .ttl{font-size: 1.6rem;}
.sec01{background:url( "../solution/image/example/02.jpg" )top  right  / auto 100% no-repeat ;}
.sec01 p{background: hsla(0,0%,100%,0.80);padding: 10px;}
.sec02 h5 ,.sec06 h5{font-size: 1.6rem;line-height: 120%; margin-bottom: 5px;letter-spacing: 0;}
.sec03_01 ,.sec03_02{padding:10px 20px;background: hsla(220,43%,99%,0.50);}
.sec03{width:100%;letter-spacing: 0;background: #fff;/*background:url( "../solution/image/example/05.jpg" )top -30px right -20px / auto 140% no-repeat #fafbfd;*/}
.sec04_01 {border: 1px solid #CCCCCC;}
.arrow01,.arrow02{text-align: center;}
.arrow01 img ,.arrow02 img{transform: rotate(90deg);width: 13px;margin: 20px 0;}
.sec07 div{border-bottom: 20px solid #ffffff;width:100%;float: left;}
.sec07 .bb{border-bottom: 20px solid #ffffff;width:100%;float: left;border-top: 1px solid #cccccc;padding-top: 20px;}
.sec07 p{border-left: 10px solid #E50012;padding-left: 20px;line-height: 120%;}
.sec07 img {width: 80%;margin:10px 10% 30px 10%;}
.btn01 ,.btn02 ,.btn03{letter-spacing: 0;font-size: 1.5rem;margin-bottom: 4px;}
.btn01:last-child,.btn02:last-child,.btn03:last-child{margin-bottom: 0;}
.bluebox{background: #E4EBF4;margin: 0;text-align: center;padding: 4px;}
.sec04 h6 span{width: calc(100% - 63px);}
.sec05 h6{font-size: 1.8rem;text-align: center;margin-top: 15px;}
.sec05 p{font-size: 1.6rem;color:#E50012;text-align: center;font-weight: normal;margin: 10px 0;letter-spacing: 0;}

/*0221追加_example */
.sec01 .ml20{margin-left: 0px;}
#example .number{width:100%;margin-bottom: 20px;}
#example h7{text-align:center;}
.sec04{text-align:center;}
.example__imgBox{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.example__imgBox-left{width:100%;}
.example__imgBox-right{width:100%;margin-top:20px;}
.example__textBox{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 30px;}
.exTextBox__inner{width:100%;margin-bottom: 20px;}
.sec04 .sec04Strong{font-size: 2.0rem;font-weight: bold;margin-bottom:10px;}
.exSec04__arrow {margin: 30px auto 20px auto;}
.sec04 .mt30{margin-top: 10px;}
.sec06 p {margin: 20px 10px 20px 10px;line-height: 110%;}
.sec02{width: 100%;}
.sec03_01 span {padding: 5px 0px;width: 100%;border: 2px solid #108378;display: block;text-align: center;color: #108378;font-weight: bold;margin-bottom: 20px;}
.sec03_02 span{padding: 5px 0px;width: 100%;border: 2px solid #108378;display: block;text-align: center;color: #108378;font-weight: bold;margin-bottom: 20px;}
/* s_partner */
#s_partner #sp_ttl01 ,#s_partner #sp_ttl02{font-size: 2.0rem;padding: 40px 0px;}
.dd01{width: 100%;}
.dd02{width: 100%;margin-top: 20px;}
.pc{display:none;}
/*.pctablet{display:none;}*/

/* s_partner0225追加*/
.sp_ttl01__img{display: block;margin: 0px auto;position:static;width:180px;}
.sp_ttl02__img{display: block;margin: 0px auto;position:static;width:200px;margin-top: 10px;}



/*---------------solution----------------------*/
.mainimg .rightbox .aicon{position: relative;vertical-align: middle;text-decoration: none;}
.mainimg .rightbox .aicon::before,
.mainimg .rightbox .aicon::after{position: absolute;top: 6px;bottom: 0;right: 8px;margin: 0 0 0 auto;content: "";vertical-align: middle;}
.mainimg .rightbox .aicon_design-G::after{right: 4px;top: 9px;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #ffffff;}
.mainimg .rightbox .aicon_design-G.onpage::after{border-color: transparent transparent transparent #307F78;}
.mainimg .leftbox .aicon{position: relative;vertical-align: middle;text-decoration: none;}
.mainimg .leftbox .aicon::before,
.mainimg .leftbox .aicon::after{position: absolute;top: 6px;bottom: 0;right: 8px;margin: 0 0 0 auto;content: "";vertical-align: middle;}
.mainimg .leftbox .aicon_design-B::after{right: 4px;top: 9px;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #ffffff;}
.mainimg .leftbox .aicon_design-B.onpage::after{border-color: transparent transparent transparent #0A5395;}

.pagenavi .aicon{position: relative;vertical-align: middle;text-decoration: none;}
.pagenavi .aicon::before,
.pagenavi .aicon::after{position: absolute;top: 18px;bottom: 0;right: 5px;margin: 0 0 0 auto;content: "";vertical-align: middle;}
.pagenavi .aicon_design-B::before{width: 15px;height: 15px;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;}
.pagenavi .aicon_design-B::after{right: 9px;width: 7px;height: 7px;top: 22px;border-top: 3px solid #000;border-right: 3px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.pagenavi .aicon_design-B.onpage::after{top: 22px;right: 9px;}
.pagenavi .aicon_design-B.onpage::before{width: 15px;height: 15px;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;}
.pagenavi .aicon_design-B.onpage::after{border-top: 3px solid #ff0000;border-right: 3px solid #ff0000;}
}