@font-face {
	font-family: "アプリ明朝";
	src: url(./AppliMincho/アプリ明朝.otf);
}
@font-face {
	font-family: "アプリ明朝";
	src: url(../AppliMincho/アプリ明朝.otf);
}

body {
  font-family: 'Amatic SC', "Century","YakuHanJP", "Noto Sans JP","アプリ明朝",'Modern','testfont',"cursive","Kokoro",'MS PMincho','メイリオ','MS UI Gothic','Hiragino Kaku Gothic ProN W3','MS Gothic','YuGothic', sans-serif,"Roboto","Roboto Condensed","noto sans Japanese","han2";
  width:100%auto;
  background-color:#ffffff;
  margin:0px;
}
h3{
  margin-top:0px;
}
ul{
  padding-left:0px;
  list-style-type:none;
}
a{
  text-decoration: none;
}

/*fadein始まり*/
.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}
/*fadein終わり*/

/*scrollbar始まり*/
::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777;
}
::-webkit-scrollbar-thumb{
  background: #c6deea;
  border-radius: 10px;
  box-shadow: none;
}
/*scrollbar終わり*/

/*----------------header-wrapper始まり--------------*/
.header-wrapper{
  width:100%;
  height:80px;
  position:fixed;
  top:0;
  left:0;
  z-index:20;
}
.header-in{
  background-color:#ffffff;
  opacity:0.8;
}
.h-w-logo{
  height:100%;
  margin-left:40px;
  float:left;
}
.h-w-logo h1{
  font-size:45px;
  font-weight:bold;
  font-family: 'Amatic SC', cursive;
  margin:0;
  line-height:80px;
}
.h-w-logo a{
  color:black;
  text-decoration: none;
}
.h-w-menu-sp{
  display:none;
}
.h-w-list{
  height:100%;
  float:right;
}
.h-w-l-ul{
  height:100%;
  margin:0;
}
.h-w-l-ul li{
  height:100%;
  float:left;
}
.h-w-l-ul a{
  font-size:17px;
  color:black;
  font-family:"YakuHanJP", "Noto Sans JP";
  line-height:80px;
  padding-right:15px;
  padding-left:15px;
}
.h-w-menu-sp-contents{
  display:none;
}
/*----------------header-wrapper終わり--------------*/


/*----------------top-wrapper始まり--------------*/
.top-wrapper{
  height:850px;
  width:100%;
  /*background-image:url(../image/3274262.jpg);*/
  background-image:url(../image/2947199.jpg);
  /*background-image:url(../image/top-image23.jpg);*/
  background-size:cover;
  position:relative;
}
.t-w-message1{
  margin:0 auto;
  position:absolute;
  top:25%;
  left:83%;
  /*transform: translateY(-50%) translateX(-50%);*/
  /*-webkit- transform: translateY(-50%) translateX(-50%);*/
}
.t-w-message1 p{
  font-size:25px;
  font-weight:500;
  font-family: "アプリ明朝";
  margin:0;
  line-height:300%;
  writing-mode: vertical-rl;
  letter-spacing: 8px;
  color:#142850;
}

/*----------------top-wrapper終わり--------------*/


/*----------------worries-wrapper始まり--------------*/
.worries-wrapper{
  padding-top:30px;
  padding-bottom:100px;
  width:100%;
  background-color:#f9f9f9;
  color:#161616;
  font-family:"YakuHanJP", "Noto Sans JP";
}
.w-w-contents{
  width:65%;
  margin:0 auto;
}
.w-w-c-top{
  width:100%;
  margin:0 auto;
}
.w-w-c-top h3{
  font-size:35px;
  color:#142850;
  font-weight:normal;
  text-align:center;
  padding-top:60px;
  padding-bottom:0px;
  margin-bottom:60px;
  font-family:"アプリ明朝";
}
.w-w-c-ul{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  list-style-type: none;
  padding-left:0px;
  margin-bottom:100px;
}
.w-w-c-ul li{
  width:33%;
  height:300px;
  padding-bottom:8px;
}
.w-w-c-ul-img{
  width:90%;
  margin:0 auto;
}
.w-w-c-ul-img img{
  width:100%;
  margin-bottom:8px;
}
.w-w-c-ul-p{
  width:80%;
  margin:0 auto;
}
.w-w-c-ul-p p{
  font-size:16px;
  line-height:25px;
  letter-spacing:1px;
  margin-block-start:8px;
  font-family: "アプリ明朝","游明朝","Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}
.w-w-c-ul-p span{
  margin-top:5px;
  font-size:16px;
  text-align:center;
  font-family: "アプリ明朝","游明朝","Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "アプリ明朝";
}
.w-w-c-bottom{
  width:95%;
  margin: 0 auto;
}
.w-w-c-bottom img{
  width:100%;
}
.worries-wrapper2{
  width:100%;
  background-color:#ffffff;
}
.worries-wrapper2 img{
  width:60%;
  display:block;
  margin:0 auto;
}




/*----------------worries-wrapper終わり--------------*/


/*----------------profile-wrapper始まり--------------*/
.profile-wrapper{
  width:100%auto;
  background-color:#ffffff;
}
.profile-message{
  background-color:#ffffff;
}
.profile-message p{
  font-size:18px;
  color:#161616;
  text-align:center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "アプリ明朝";
  line-height:40px;
}
/*kakoimasu始まり*/
.kakoimasu-black{
  padding-top:80px;
  padding-bottom:80px;
  background-color:#ffffff;
}
.kakoimasu{
    overflow: hidden;
}
.box-black{
  width:100%;
  background-color:#f9f9f9;
}
.box-black img{
  width:100%;
  margin-bottom:0;
}
.box-black p{
  color:#161616;
}
/*----------------profile-wrapper終わり--------------*/


/*----------------whats-wrappee始まり--------------*/
.whats-nai-wrapper{
  width:100%;
  background-color:#f9f9f9;
  padding-bottom:80px;
}
.w-n-w-h2{
  width:60%;
  margin:0 auto;
}
.w-n-w-h2 h2{
  font-size:80px;
  text-align:left;
  padding-top:50px;
  padding-bottom:0px;
  margin-top:0px;
  margin-block-start:0px;
  margin-bottom:20px;
}
.w-n-w-contents{
  width:60%;
  margin:0 auto;
  background-color:#f9f9f9;
}
.w-n-w-contents ul{
  width:100%;
  padding-left:0px;
  list-style: none;
  display:flex;
  flex-wrap:wrap;
}
.w-n-w-c-li1{
  width:60%;
  padding-top:30px;
}
.w-n-w-c-li1 h3{
  font-size:19px;
  font-family:"YakuHanJP", "Noto Sans JP";
  font-weight:normal;
  color:#142850;
  border-bottom:1px solid #142850;
}
.w-n-w-c-li1 p{
  font-size:16px;
  font-family:"YakuHanJP", "Noto Sans JP";
  letter-spacing: 1px;
}
.w-n-w-c-li2{
  width:40%;
}
.w-n-w-c-li2 img{
  width:90%;
  display:block;
  margin:0 auto;
}
/*----------------whatss-wrappee終わり--------------*/


/*----------------sales-wrappee始まり--------------*/
.sales-wrapper{
  padding-top:100px;
  padding-bottom:230px;
  background-color:#ffffff;
  font-family:"YakuHanJP", "Noto Sans JP";
}
/*prof-sales-message始まり*/
.prof-sales-message{
  width:65%;
  height:780px;
  margin:0 auto;
  margin-bottom:100px;
}
.prof-sales-message ul{
  height:100%;
  width:100%;
  padding:0px;
  margin:0px;
}
.sales-message-ul{
  flex-direction:column;
  list-style-type:none;
}
.sales-message-ul li{
  width:100%;
  height:33%;
  /*border:1px solid red;*/
  padding:0px 0px;
  margin-bottom:120px;
}
.message-ul-kyoutuu{
  height:100%;
  float:left;
}
.message-ul-kyoutuu img{
  display:block;
  margin:0 auto;
  width:80%;
}
.width-25{
  width:40%;
}
.width-75{
  width:60%;
}
.sales-m-c{
  height:100%;
  width:90%;
}
.sales-m-c h3{
  text-align:left;
  font-size:40px;
  font-weight:normal;
  color:#142850;
  margin-block-start:0px;
  margin-block-end:0px;
}
.sales-m-c p{
  font-size:17px;
  letter-spacing: 1px;
}
/*上側のめせーじ*/
.m-c-1{

}
/*真ん中のめせーじ*/
.uenosukima50{
  margin-top:80px;
}
.m-c-right{
  margin:0px 0px 0px auto;
  width:85%;
}
.m-c-2{

}
/*下側のめせーじ*/
.m-c-3{

}
.sales-message-ul-sp{
  display:none;
}
/*----------------sales-wrapper終わり--------------*/


/*----------------middle-wrapper始まり----------------*/
.middle-wrapper{
  height:300px;
  width:100%;
  background-image:url(../image/back-image-blue.png);
}
.middle-wrapper p{
  margin-block-start:0px;
  text-align:center;
  font-size:39px;
  font-weight:bold;
  color:#efefef;
  font-family:"アプリ明朝";
  padding-top:50px;
  margin-top:0px;
}
.middle-wrapper-bottom-message {

}
.middle-wrapper-bottom-message p{
  font-size:20px;
  margin-top:20px;
  padding-top:0px;
  line-height:200%;
}
/*----------------middle-wrapper終わり----------------*/


/*----------------portfolio-wrapper始まり----------------*/
.portfolio-wrapper{
  background-color:#f9f9f9;
  padding-bottom:80px;
}
.portfolio-wrapper h2{
  color:#161616;
  font-size:80px;
  text-align:center;
  margin-block-start:0px;
  padding-top:65px;
  margin-top:0px;
}
.test-top-wrapper{
  width:100%;
  background-color:#f9f9f9;
  /*font-family:"YakuHanJP", "Noto Sans JP";*/
  font-family:"YakuHanJP", "Noto Sans JP";
  padding-top:0px;
  padding-bottom:0px!important;
}
.test-slide-zone{
  height:600px;
  width:100%;
  background-color:#f9f9f9;
  margin:0 auto;
}
.test-image-switch{
  height:520px;
  width:65%;
  margin:0 auto;
  overflow:hidden;
  border-radius:20px;
}
.test-image-con{
  height:100%;
  width:100%;
  margin-top:0px;
}
.test-image-con p{
  text-align:center;
}
.test-image-con img{
  width:100%;
}
.switch1{
  background-color:#f9f9f9;
}
.switch1 p{
  color:#ffffff;
}
.switch2{
  background-color:#f9f9f9;
  display:none;
}
.switch2 p{
  color:#ffffff;
}
.switch3{
  background-color:#f9f9f9;
  display:none;
}
.switch3 p{
  color:#ffffff;
}

.test-switch-button{
  height:80px;
  width:65%;
  margin:0 auto;
  margin-top:5px;
  background-color:#f9f9f9;
}
.test-switch-button ul{
  display:flex;
  flex-wrap:wrap;
  padding-left:0px;
  margin-top:0px;
  list-style-type: none;
  height:100%;
}
.test-ul li{
  flex:auto;
  width:30%;
  border:2px solid #f9f9f9;
  border-radius:15px;
  height:100%;
}
.test-ul p{
  text-align:center;
  font-size:20px;
  padding-top:5px;
  color:#161616;
  font-weight:bold;
}
.button1{
  background-color:#efefef;
}
.button1:hover{
  background-color:#e0e0e0;
}
.button2{
  background-color:#efefef;
}
.button2:hover{
  background-color:#e0e0e0;
}
.button3{
  background-color:#efefef;
}
.button3:hover{
  background-color:#e0e0e0;
}

.portfolio-message{
  width: 100%;
  background-color:#f9f9f9;
  margin:0 auto;
}
.p-top{
  width:65%;
  margin: 0 auto;
  padding-top:100px;
  background-color:#f9f9f9;
}
.p-top p{
  font-size:17px;
  text-align:center;
  margin-block-start:0px;
  margin-block-end:0px;
  color:#161616;

}
#ppppp p{
  line-height:45px;
}
#uewoakete{
  margin-top:30px;
}
.p-bottom{
  height:55px;
  width:100%;
  background-color:#f9f9f9;
  margin-top:45px;
}
.seisakuzisseki{
  height:50px;
  width:200px;
  margin:0 auto;
  position:relative;
  background-color:#f9f9f9;
}
.seisakuzisseki p{
  width:92%;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  color:#161616;
  margin-block-start:0px;
  margin-block-end:0px;
  border:1px solid #f9f9f9;
  border-bottom:4px solid #e3e3e3;
  border-radius:10px;
  background-color:#efefef;
  padding:16px 10px 16px 10px;
}
.seisakuzisseki p:hover{
  border-bottom:0px;
  background-color:#e0e0e0;
  position:absolute;
  top:4px;
}
.seisakuzisseki a{
  text-decoration: none;
  color:#161616;
}
/*----------------portfolio-wrapper終わり----------------*/


/*----------------service-wrapper--------------*/
.service-wrapper{
  height:1020px;
  width:100%auto;
  background-color:#ffffff;
  display:none;
}
/*Serviceメッセージ*/
.service-wrapper h2{
  font-size:80px;
  text-align:center;
  padding-top:50px;
  padding-bottom:0px;
  margin-bottom:0px;

}
/*serviceの内容*/
.service-wrapper ul{
  list-style:none;
  margin:0px;
  padding:50px 0px;
  text-align:center;
}
.service-contents{
  width:75%;
  margin:0 auto;
}
/*各要素の共通*/
.servise-list p{
  font-size:25px;
}
.flex-list {
  display: flex;
  flex-wrap:wrap;
}
.flex-list li{
  flex:auto;
  height:390px;
  width:50%;
  font-family:"YakuHanJP", "Noto Sans JP";
  /*font-weight:bold;*/
}
.flex-list img{
  height:80px;
  width:80px;
  margin-top:40px;
  margin-bottom:10px;
}
.list-message{
  width:80%;
  margin:0 auto;
}
.list-message a{
  color:#161616;
}
.list-message span{
  color:#161616;
  font-size:15px;
  border-radius:5px;
  padding-left:3px;
  padding-right:2px;
}
.list-message p{
  font-family:"YakuHanJP", "Noto Sans JP";
  font-size:17px;
  line-height:30px;
  font-weight:normal;


}
#content-title{
  /**/
  width:80%;
  margin:0 auto;
  color:#161616;


  /*margin-top:5px;*/
  /*margin-bottom:30px;*/
  /*line-height:10px;*/
}
/*各要素の内容*/
.list1{
  background-color:#ffffff;
}
.list2 {
  background-color:#ffffff;
}
.list3 {
  background-color:#ffffff;
}
.list4 {
  background-color:#ffffff;
}
/*----------------service-wrapper終わり--------------*/


/*----------------price-wrapper始まり--------------*/
.price-wrapper{
  height:1420px;
  color:#161616;
  background-color:#ffffff;
}
.price-wrapper h2{
  font-size:80px;
  text-align:center;
  padding-top:50px;
  padding-bottom:0px;
  margin-bottom:60px;
}
/*---price-plan--*/
.price-plan{
  margin:0 auto;
  height:770px;
  width:65%;
  background-color:#ffffff;
}
.price-plan-sp{
  display:none;
}
/*---price-contents--*/
.price-contents ul{
  margin-block-start:0px;
  margin-block-end:0px;
}
/*---message-contents--*/
.message-plans{
  width:100%;
  height:400px;
  display:flex;
  list-style:none;
  padding-left:0px;
}
.message-plans li{
  flex:auto;
}
.price-contents-message{
  background-color:#ffffff;
  width:40%;
  font-family:"YakuHanJP", "Noto Sans JP";
}
.price-top-message p{
  font-size:35px;
  line-height:30px;
  color:#142850;
}
.price-top-atention p{
  font-size:12px;
  line-height:8px;
}
.price-middle-message{
  height:45px;
}
.price-middle-message p{
  font-size:25px;
  line-height:30px;
  color:#142850;
  border:1.4px solid #142850;
  border-radius:10px;
  width:100px;
  padding:6px 3px 3px 3px;
}
.price-middle-atention{
  padding-top:15px;
}
.price-middle-atention p{
  font-size:15px;
  line-height:0px;
}
.price-middle-atention span{
  font-size:17px;
  color:#0070af;
  border-bottom:1px solid #0070af;
  /*font-weight:bold;*/
}
/*---price-contents-plans--*/
.price-contents-plans{
  background-color:#ffffff;
  width:60%;
}
/*---plans-name--*/
.plans-name{
  list-style:none;
  display:flex;
  width:100%;
  height:100%;
  padding-left:0px;
}
.plans-name li{
  flex:auto;
  width:100%;
}
.kyoutuusettei{
  text-align:center;
}
.kyoutuusettei p{
  font-size:23px;
  font-weight:bold;
  font-family:"YakuHanJP", "Noto Sans JP";
  margin-block-start:0px;
  margin-block-end:10px;
}
.kyoutuusettei img{
  display:block;
  height:100px;
  width:100px;
  margin:0 auto ;
  margin-bottom:12px;
}
.basic{
  background-color:#ffffff;
}
.basic p{
  color:#1A8DD0;
}
.standard{
  background-color:#ffffff;
}
.standard p{
  color:#feb324;
}
.premium{
  background-color:#ffffff;
}
.premium p{
  color:#3d5fa4;
}
/*---plans-price--*/
.plans-price{
  display:block;
  list-style:none;
  flex-direction:column;
  width:98%;
  height:55%;
  margin:0 auto;
  padding-left:0px;
}
.plans-price li{
  width:100%;
}
.month-price{
  background-color:white;
  height:55%;
}
.month-price  p{
  font-size:15px;
  padding-top:20px;
  font-weight:normal;
  color:#fff;
}
.year-price{
  background-color:yellow;
  height:45%;
}
.year-price p{
  font-size:15px;
  padding-top:20px;
  font-weight:normal;
  margin-bottom:1px;
  margin-top:0px;
}
.suuuzi p{
  font-size:40px;
  padding-top:0px;
  margin-bottom:0px;
  margin-top:0px;
  color:#ffffff;

}
.suuuzi-small p{
  font-size:30px;
  padding-top:0px;
  color:#161616;
  font-family:"YakuHanJP", "Noto Sans JP";
}
/*---色の変化--*/
.color-koi{
  background-color:#1A8DD0;
}
.koi-usui{
  background-color:#edf9ff;
}

.color-usui{
  background-color:#feb324;
  /*background-color:#57a0c3;*/
}
.usui-usui{
  background-color:#fff9ed;
}

.color-tyousui{
  background-color:#3d5fa4;
}
.tyousui-usui{
  background-color:#edf2fe;
}
/*---price-contents終わり--*/
/*---price-table始まり--*/
.price-table{
  height:400px;
  width:100%;
  font-family:"YakuHanJP", "Noto Sans JP";
}
/*--table始まり--*/
table{
  height:100%;
  width:100%;
}
table img{
  height:17px;
  width:17px;
}
/*--table終わり--*/
/*---price-table終わり--*/
/*---plus-info始まり--*/
.plus-info{
  width:100%;
  background-color:#f1f1f1;
  margin-top:60px;
  font-family:"YakuHanJP", "Noto Sans JP";
}
.plus-message{
  width:100%;
  height:270px;
  margin:0 auto;
  background-color:#f9f9f9;
}
.plus-message p{
  padding-top:25px;
  margin-block-end:20px;
  text-align:center;
  font-size:30px;
  color:#142850;
}
.plus-li-contents ul{
  padding-left:0px;
}
.plus-ul{
  display:flex;
  flex-wrap:wrap;
}
.plus-ul li{
  flex:wrap;
  height:150px;
  width:33.3%;
  list-style-type:none;
}
.sitanoborder p{
  width:70%;
  border-bottom:1px solid #161616;
  margin:0 auto;
}
/*--kinou-li--*/
.plus-nakami-kyoutuu{
  height:100%;
  width:95%;
  margin:0 auto;
}
.plus-nakami-kyoutuu p{
  font-size:17px;
  color:#161616;
}
.kinounokakukoumoku{
  display:flex;
  flex-wrap:wrap;
}
.kinounokakukoumoku li{
  flex:auto;
  width:50%;
  height:26px;
  font-size:14px;
}
.kinou-li-nakami p{
  padding-top:10px;
  padding-bottom:0px;
  margin-top:0px;
}
.muryoudezissou{
  margin-top:15px;
}
.list_test:before {
    content:  "";                 /* 空の要素作成 */
    width: 17px;                            /* 幅指定 */
    height: 17px;                           /* 高さ指定 */
    display: inline-block;                 /* インラインブロックにする */
    position: relative;                    /* アイコンの位置を調整 */
    top: 0px;                             /* アイコンの位置を調整 */
    margin-right: 5px;                      /* 余白指定 */
    background-image:  url(../image/check-box-orange.png);  /* アイコン指定 */
    background-size:  contain;              /* アイコンの大きさ指定 */
    background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
    vertical-align: top;                    /* アイコンの位置を調整 */
}
/*--hikaku-li--*/
.hikaku-li-nakami p{
  margin-top:0px;
  padding-top:10px;
  padding-bottom:0px;
}
.otokudesu{
  width:100%;
  height:65%;
  margin-top:15px;
}
.hikakuul{
  display:flex;
  flex-wrap:wrap;
}
.hikakuul li{
  flex:auto;
  width:50%;
  height:100px;
}
.ABCsya{

}
.ABCsya p{
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:5px;
  font-size:15px;
  width:90%;
  margin:0 auto;
}
.bokunara{

}
.bokunara p{
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:5px;
  font-size:15px;
  width:90%;
  margin:0 auto;
}
.example-li p{
  font-size:14px;
  text-align:left;
  border:none;
  margin-top:5px;
}
.xxx{
  content:  "";                 /* 空の要素作成 */
  width: 17px;                            /* 幅指定 */
  height: 17px;                           /* 高さ指定 */
  display: inline-block;                 /* インラインブロックにする */
  position: relative;                    /* アイコンの位置を調整 */
  top: 0px;
  left:8px;                             /* アイコンの位置を調整 */
  margin-right: 5px;                      /* 余白指定 */
  background-image:  url(../image/check-box-orange.png);  /* アイコン指定 */
  background-size:  contain;              /* アイコンの大きさ指定 */
  background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
  vertical-align: top;                    /* アイコンの位置を調整 */
}
/*--keiyaku-li--*/
.keiyaku-li-nakami{

}
.keiyaku-li-nakami p{
  padding-top:10px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
}
.keiyakudesu{
  margin-top:5px;
}
.keiyakudesu p{
  font-size:14px;
}
.keiyakudesu span{
  color:#0070af;
  font-size:16px;
}
/*---plus-info終わり--*/

/*----------------price-wrapper終わり--------------*/


/*----------------question-wrapper始まり--------------*/
.question-wrapper{
  background-color:#ffffff;
}
.question-wrapper h2{
  font-size:80px;
  text-align:center;
  padding-top:60px;
  padding-bottom:10px;
  margin-block-start:0px;
}
.question-block{
  width:65%;
  margin:0 auto;
  font-family:"YakuHanJP", "Noto Sans JP";
  padding-bottom:160px;
}
.question-block ul{
  list-style:none;
  padding-left:0px;
  margin:0px;
}
#faq-list li{
  margin-bottom:5px;
}
#faq-list h4:hover{
  background-color:#142850;
}
#faq-list li h4:hover{
  color:#ffffff;
}
.faq-list-item h4{
  margin-block-start:0px;
  margin-block-end:0px;
  padding:15px;
  font-weight:bold;
  border:1px solid #142850;
  font-size:16px;
  color:#142850;
}
.fred{

}
.fblue{

}
.fgreen{

}
.answer{
  display:none;
  background-color:#f9f9f9;
  padding-top:20px;
  padding-bottom:20px;
}
.answer p{
  margin-block-start:0px;
  margin-block-end:0px;
  margin-left:30px;
  font-size:16px;
  line-height:200%;
}
.forangerange{
  color:#0070af;
  font-weight:bold;
}
.tyuuigetumatu{
  font-weight:bold;
}
.faq-list-item h4{
  margin-top:0px;
  margin-bottom:0px;
}

/*--青始まり--*/
.f10 h4{
  color:#0070af;
  border:1px solid #0070af;
}
.f10 h4:hover{
  background-color:#0070af!important;
}
.border-blue{
  border-bottom:1px solid #0070af;
}
.color-blue{
  color:#0070af;
}
.font-weight-black{
  font-weight:bold;
}

/*--青終わり--*/

/*----------------question-wrapper終わり--------------*/

/*----------------about-wrapper始まり--------------*/
.about-wrapper{
  color:#161616;
  background-color:#ffffff;
  display:none;
}
.about-wrapper h2{
  font-size:80px;
  text-align:center;
  padding-top:60px;
  padding-bottom:10px;
  margin-block-start:0px;
}
.about-card{
  height:750px;
  width:70%;
  margin:0 auto;
  padding-bottom:100px;
}
.about-list{
  display:flex;
  flex-wrap:wrap;
  margin:0 auto;
  margin-top:10px;
  height:98%;
  width:98%;
  list-style:none;
  padding-left:0px;
}
.about-list li{
  flex:auto;
  width:50%;
  height:50%;
}
#matakayo{
  width:50%;
  margin:0 auto;
}
#matakayo p{


}
.kakouyatu{
  height:93%;
  width:96%;
  border:1px solid #ffffff;
  border-radius:15px;
  box-shadow: 0px 0px 5px 0.1px #dedede;
  background-color:#fafafa;
}
.aa:hover{
  box-shadow: 0px 2px 10px 3px #dedede;
  height:93.2%;
  width:96.2%;
}
.ab:hover{
  box-shadow: 0px 2px 10px 3px #dedede;
  height:93.2%;
  width:96.2%;
}
.ac:hover{
  box-shadow: 0px 2px 10px 3px #dedede;
  height:93.2%;
  width:96.2%;
}
.ad:hover{
  box-shadow: 0px 2px 10px 3px #dedede;
  height:93.2%;
  width:96.2%;
}
/*proflogoの設定*/

.proflogo img{
  height:200px;
  width:200px;
  margin-top:5%;
  margin-left:34%;
  margin-bottom:0px;
}
.proflogo p{
  font-family:'Amatic SC', cursive,;
  font-size:50px;
  text-align:center;
  margin-top:20px;
}
/*profの設定*/

.prof p{
  text-align:center;
  font-size:30px;
  font-family:"YakuHanJP", "Noto Sans JP";
}
.profbunn{
  width:90%;
  margin:0 auto;


}
.profbunn p{
  font-size:18px;
  text-align:left;
  margin-block-start:0px;
  margin-block-end:0px;
  padding-top:2%;
  margin-top:0px;
  margin-bottom:0px;
}
/*keirekiの設定*/

.keireki p{
  text-align:center;
  font-size:30px;
  font-family:"YakuHanJP", "Noto Sans JP";
}
.keirekibunn{
  width:90%;
  margin:0 auto;
}
.keirekibunn p{
  font-size:18px;
  text-align:left;
  /*line-height:24px;*/
  padding-top:2%;
  margin-block-start:0px;
  margin-block-end:0px;
  margin-top:0px;
  margin-bottom:0px;
}
/*skillsの設定*/

.skills p{
  text-align:center;
  font-size:30px;
  font-family:"YakuHanJP", "Noto Sans JP";
}
.skillsbunn{
  width:90%;
  margin:0 auto;
}
.skillsbunn p{
  font-size:18px;
  text-align:left;
  /*line-height:55px;*/
  margin-block-start:0px;
  margin-block-end:0px;
  line-height: 200%;
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom:3%;
}
.skillkakoi{
  border:solid 1px #161616;
  padding:4px 4px 4px 4px;
  margin-right:15px;
  border-radius:10px;
}
/*----------------about-wrapper終わり--------------*/


/*----------------flow-wrapper始まり----------------*/
.flow-wrapper{
  width:100%;
  background-color:#f9f9f9;
}
.flow-wrapper h2{
  font-size:80px;
  text-align:center;
  padding-top:60px;
  padding-bottom:10px;
  margin-block-start:0px;
  color:#161616;
  margin-top:0px;
}
.test-top2-wrapper{
  width:100%;
  font-family:"YakuHanJP", "Noto Sans JP";
  padding-bottom:100px;
}
.slide-zone{
  height:450px;
  width:60%;
  margin: 0 auto;
  box-shadow:0 0 15px #ededed;
}
.zone-frame{
  height:100%;
  width:100%;
  margin:0 auto;
  border:1px solid #f9f9f9;
  position:relative;
}
/*共通cont設定*/
.frame-cont{
  height:100%;
  width:100%;
  position:absolute;
  top:0%;
  left:0%;

}
/*各cont設定*/
.cont1{
  background-color:#ffffff;
}
.cont2{
  display:none;
  background-color:#ffffff;
}
.cont3{
 display:none;
 background-color:#ffffff;
}
.cont4{
  display:none;
  background-color:#ffffff;
}
.cont5{
  display:none;
  background-color:#ffffff;
}
.cont6{
  display:none;
  background-color:#ffffff;
}
/*cont-ulの内容*/
.cont-ul{
  height:100%;
  display:flex;
  flex-wrap:wrap;
  list-style-type: none;
  padding-left:0px;
  margin-block-start:0px;
  margin-block-end:0px;
}
.cont-ul li{
  flex:auto;
  width:50%;
  height:100%;
}
.cont-li-image{
  height:100%;
  overflow: hidden;
}
.cont-li-image img{
  height:100%;
  width:100%;
}
.cont-li-ex{
  background-color:#ffffff;
}
.pnoyohaku{
  width:90%;
  margin:0 auto;
}
.pnoyohaku h5{
  text-align:left;
  font-size:30px;
  font-weight:normal;
  font-family:"Noto Sans JP";
  letter-spacing:1px;
  color:#142850;
}
.pnoyohaku p{
  color:#161616;

  letter-spacing: 1px;
}
.pnoyohaku img{
  display:none;
}
.pnoyohaku br{
  display:none;
}

.pre{
  width:100%;
  background-color:#ededed;
  list-style:none;
  padding:10px 10px;
  display:flex;
  flex-wrap:wrap;
  border-radius:10px;
}
.pre li{
  flex:auto;
  width:50%;
  padding-top:5px;
  padding-bottom:5px;
}
.pre li:before{
  content:  "";                 /* 空の要素作成 */
  width: 17px;                            /* 幅指定 */
  height: 17px;                           /* 高さ指定 */
  display: inline-block;                 /* インラインブロックにする */
  position: relative;                    /* アイコンの位置を調整 */
  top: 3px;                             /* アイコンの位置を調整 */
  margin-right: 5px;                      /* 余白指定 */
  background-image:  url(../image/check-box-orange.png);  /* アイコン指定 */
  background-size:  contain;              /* アイコンの大きさ指定 */
  background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
  vertical-align: top;                    /* アイコンの位置を調整 */
}

/*各button設定*/
.button-zone{
  width:60%;
  margin:0 auto;
  margin-bottom:100px;
  background-color:#ffffff;
}
.zone-button{
  width:50%;
  float:left;
  position:relative;
}
.zone-button p{
  text-align:center;
  border-radius:10px;
  margin-block-start:0px;
  margin-block-end:0px;
  padding-top:12px;
  padding-bottom:12px;
  margin-top:20px;
  margin-bottom:20px;
  background-color:#ffffff;
  font-weight:bold;
  box-shadow:0 0 15px #ededed;
}
.zone-button p:hover{
  background-color:#efefef;
}
.maebutton{
  background-color:#f9f9f9;
}
.maebutton p{
  width:98%;
}
.usirobutton{
  background-color:#f9f9f9;
}
.usirobutton p{
  width:100%;
}
/*----------------flow-wrapper終わり----------------*/


/*----------------旧contact-wrapper始まり----------------*/
/*.contact-wrapper{
  height:1400px;
  background-color:#ffffff;
}
.con-middle-message{
  background-color:#ffffff;
}
.con-middle-message h2{
  font-size:80px;
  text-align:center;
  padding-top:60px;
  padding-bottom:10px;
  margin-block-start:0px;
  margin-block-end:0px;
  color:#161616;
}

.contact-contents{
  width:100%;
  color:#142850;
}
.con-message-contents{
  height:100px;
  width:60%;
  margin:0 auto;
  margin-top:60px;
  margin-bottom:70px;
  background-color:#142850;
  border:1px solid #142850;
  border-radius:10px;
}
.c-w{
  height:100%;
  width:90%;
  margin:0 auto;
}
.c-t-m{
  height:100%;
  width:100%;
  margin-top:;
  margin:0 auto;
}
.c-t-m p{
  font-size:35px;
  text-align:center;
  color:#ffffff;
  font-family:"YakuHanJP", "Noto Sans JP";
  padding-top:25px;
  margin-block-start:0px;
  margin-block-end:0px;
}
.c-t-p{
  height:35px;
  width:28%;
  background-color:#ff9100;
  margin:0 0 0 auto;
  margin-top:18px;
  border:1px solid #ff9100;
  border-radius:10px;
}
.c-t-p p{
  color:#ffffff;
  text-align:center;
  font-family:"YakuHanJP", "Noto Sans JP";
  margin-block-start:6px;
  margin-block-end:0px;
  margin-left:1px;
}

.con-top-contents{
  height:730px;
  width:60% ;
  margin:0 auto;
  background-color:#ffffff;

  font-family:"YakuHanJP", "Noto Sans JP";
}
.con-top-contents input{
  display:block;
  width:95%;
  height:70%;
  border:none;
  padding:0px;
  margin:0 auto;
  background-color:#ededed;
}
.con-top-contents textarea{
  display:block;
  width:95%;
  height:90%;
  padding:0px;
  border:none;
  font-family:"YakuHanJP", "Noto Sans JP";
  margin:0 auto;
  background-color:#ededed;
}

.con-top-contents span{
  border:1px solid #142850;
  background-color:#142850;
  color:#efefef;
  padding-right:4px;
  padding-left:4px;
  padding-top:1px;
  margin-left:15px;
}
.con-top-contents table{
  border-top:1px solid #142850;
}
.con-top-contents th{
  border-right:1px solid #142850;
  border-bottom:1px solid #142850;
  font-weight:bold;
}
.con-top-contents td{
  border-bottom:1px solid #142850;
}

.con-top-contents ul{
  padding-left:0px;
  list-style:none;
  margin-block-start:10px;
  margin-block-end:0px;
  height:90%;
}
.senntaku-ul{
  display:flex;
  flex-wrap:wrap;
}
.senntaku-ul p{
  margin-block-start:8px;
  margin-block-end:0px;
  text-align:center;
}
.senntaku-ul input{
  height:20px;
}
.senntaku-ul li{
  flex:auto;
  width:50%;
}
.itibannsaisyo td{
  padding:0px;
}

.con-bottom-contents{
  height:70px;
  width:50%;
  text-align:right;
  background-color:#ffffff;
  margin:0 0 0 auto;
  margin-top:20px;
}
.con-bottom-contents ul{
  padding-left:0px;
  list-style:none;
}
.submitb{
  display:flex;
  flex-wrap:wrap;
}
.submitb input{
  border:1px solid #ff9100;
}
.orangesub input{
  background-color:#ff9100;
  color:#ffffff;
  font-weight:bold;
}
.whitesub input{
  background-color:#ffffff;
  color:#ff9100;
  font-weight:bold;
}
.con-bottom-contents li{
  flex:auto;
  width:50%;
}
.con-bottom-contents p{
  text-align:left;
  font-size:15px;
}
.contact-contents-sp{
  display:none;
}
*/
/*HTML
<div class="contact-wrapper fadein" id="toiawase">
  <div class="con-middle-message">
    <h2>Contact</h2>
  </div>
  <!--contact-contents 始まり-->
  <div class="contact-contents">
    <div class="con-message-contents">
      <div class="c-w">
        <div class="c-t-m">
          <p>お申込み・お問い合わせ</p>
        </div>
      </div>
      <div class="c-t-p">
        <p>営業時間：9:00~21:00</p>
      </div>
    </div>
    <div class="con-top-contents">
      <table>
        <tr class="itibannsaisyo">
          <th height="20%" width="40%">ご用件を選択してください<span>必須</span></th>
          <td height="20%" width="60%">
            <ul class="senntaku-ul">
              <li><input id="homepageseisaku" type="checkbox" name="homepage" value="ホームページ制作"><p>ホームページ制作について</p></li>
              <li><input id="unneidaikou" type="checkbox" name="unnei" value="運営代行"><p>既存サイト運営代行について</p></li>
              <li><input id="lpseisaku" type="checkbox" name="lp" value="LP制作"><p>LP制作について</p></li>
              <li><input id="sonota" type="checkbox" name="sonota" value="その他"><p>その他のお問い合わせ</p></li>
            </ul>
          </td>
        </tr>
        <tr>
          <th height="8%" width="40%" >メールアドレス<span>必須</span></th>
          <td height="8%" width="60%"><input type="email" name="youremail" placeholder="  連絡用のメールアドレスをご入力ください。"></td>
        </tr>
        <tr>
          <th height="8%" width="40%">メールアドレス確認<span>必須</span></th>
          <td height="8%" width="60%"><input type="email" name="youremail" placeholder="  ご入力防止のため再度入力お願いします。"></td>
        </tr>
        <tr>
          <th height="8%" width="40%">お名前<span>必須</span></th>
          <td height="8%" width="60%"><input type="text" name="yourname" placeholder="  担当者さまのお名前、会社名をご入力ください。"></td>
        </tr>
        <tr>
          <th height="8%" width="40%">電話番号</th>
          <td height="8%" width="60%"><input type="number" name="yourenumber"></td>
        </tr>
        <tr>
          <th height="8%" width="40%">サイトURL</th>
          <td height="8%" width="60%"><input type="text" name="yoururl" placeholder="  すでにホームページのお持ちの場合、ご入力ください。"></td>
        </tr>
        <tr>
          <th height="40%" width="40%">その他</th>
          <td height="40%" width="60%"><textarea name="comment" cols="50" rows="5" placeholder="ご検討されているプランや依頼内容をご入力ください。後に詳しくお聞きしますので空欄でも大丈夫です。"></textarea></td>
        </tr>
      </table>
      <div class="con-bottom-contents">
        <ul class="submitb">
          <li class="orangesub"><input type="submit" value="メールを送信する"></li>
          <li class="whitesub"><input type="reset" value="リセットする"></li>
        </ul>
        <p>送信後、確認メールが届かなかった場合は、メールアドレスが間違っているか迷惑メールに分類されている可能性がありますので、いま一度ご確認をお願いいたします。</p>
      </div>
    </div>
  </div>
  <!--contact-contents 終わり-->
  <!--contact-contents-sp（スマホ版） 始まり-->
  <div class="contact-contents-sp">
    <div class="con-message-contents-sp">
      <div class="con-top-title-sp">
        <p>お申込み・お問い合わせ</p>
      </div>
      <div class="con-bottom-title-sp">
        <p>営業時間：9:00~21:00</p>
      </div>
    </div>
    <div class="contact-table-sp">
      <table>
        <tr>
          <th> ご用件を選択してください<span>必須</span></th>
        </tr>
        <tr>
          <td><ul class="senntaku-ul-sp">
            <li><input id="homepageseisaku" type="checkbox" name="homepage" value="ホームページ制作"><p>ホームページ制作について</p></li>
            <li><input id="unneidaikou" type="checkbox" name="unnei" value="運営代行"><p>既存サイト運営代行について</p></li>
            <li><input id="lpseisaku" type="checkbox" name="lp" value="LP制作"><p>LP制作について</p></li>
            <li><input id="sonota" type="checkbox" name="sonota" value="その他"><p>その他のお問い合わせ</p></li>
          </ul></td>
        </tr>

        <tr>
          <th> メールアドレス<span>必須</span></th>
        </tr>
        <tr>
          <td><input type="email" name="youremail" placeholder="  連絡用のメールアドレスをご入力ください。"></td>
        </tr>

        <tr>
          <th> メールアドレス確認<span>必須</span></th>
        </tr>
        <tr>
          <td><input type="email" name="youremail" placeholder="  ご入力防止のため再度入力お願いします。"></td>
        </tr>

        <tr>
          <th> お名前<span>必須</span></th>
        </tr>
        <tr>
          <td><input type="text" name="yourname" placeholder="  担当者さまのお名前、会社名をご入力ください。"></td>
        </tr>

        <tr>
          <th> 電話番号</th>
        </tr>
        <tr>
          <td><input type="number" name="yourenumber"></td>
        </tr>

        <tr>
          <th> サイトURL</th>
        </tr>
        <tr>
          <td><input type="text" name="yoururl" placeholder="  すでにホームページのお持ちの場合、ご入力ください。"></td>
        </tr>

        <tr>
          <th> お問い合わせ内容</th>
        </tr>
        <tr>
          <td><textarea name="comment" cols="50" rows="5" placeholder="ご検討されているプランや依頼内容をご入力ください。後に詳しくお聞きしますので空欄でも大丈夫です。"></textarea></td>
        </tr>
      </table>
      <div class="con-bottom-contents">
        <ul class="submitb">
          <li class="orangesub"><input type="submit" value="メールを送信する"></li>
          <li class="whitesub"><input type="reset" value="リセットする"></li>
        </ul>
        <p>送信後、確認メールが届かなかった場合は、メールアドレスが間違っているか迷惑メールに分類されている可能性がありますので、いま一度ご確認をお願いいたします。</p>
      </div>
    </div>
  </div>
  <!--contact-contents-sp（スマホ版） 終わり-->
</div>
*/
/*----------------旧contact-wrapper終わり----------------*/

/*----------------新contact-wrapper始まり----------------*/
.contact-wrapper{
  background-color:#ffffff;

}
.contact-wrapper h2{
  font-size:80px;
  text-align:center;
  padding-top:60px;
  padding-bottom:10px;
  margin-block-start:0px;
  margin-block-end:35px;
  color:#161616;
}
.c-w-confirm{
  width:65%;
  margin:0 auto;
  border-radius:10px;
  background-color:#f9f9f9;
  font-family:"YakuHanJP", "Noto Sans JP";
  margin-bottom:50px;
  box-shadow:0 0 15px #ededed;
}
.c-w-c-message{
  width:65%;
  margin:0 auto;
  padding-top:30px;
  padding-bottom:30px;
}
.c-w-c-message h3{
  text-align:center;
  font-weight:normal;
  font-size:25px;

  margin-bottom:40px;
}
.c-w-c-m-ul{
  display:flex;
  flex-wrap:wrap;
  height:300px;
  list-style-type: none;
  padding-left:0px;
}
.c-w-c-m-ul li{
  width:100%;
  height:33%;

  letter-spacing: 1px;
}
.c-w-c-m-ul span{
  color:#0070af;

}

.c-w-c-button{
  width:50%;
  margin:0 auto;
  margin-bottom:60px;
}
.c-w-c-button a{
  text-decoration: none;
  margin:0 auto;
  width:30%;
}
.c-w-c-button p{
  text-align:center;
  color:#161616;
  padding-top:0px;
  padding-bottom:0px;
  background-color:#f2f2f2;
  font-family:"YakuHanJP", "Noto Sans JP";

  box-shadow:0 0 15px #ededed;

}

.c-w-c-b-a {
  position: relative;
  display: block;
  padding: .9em 3.6em;
  border: 2px solid #f9f9f9;
  border-radius:10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .3s;
  background-color:#f5f5f5;
}
.c-w-c-b-a::before,
.c-w-c-b-a::after {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: 2;
  content: '';
  transition: all .3s;
}
.c-w-c-b-a::before {
  border-top: 1px solid #161616;
  border-bottom: 1px solid #161616;
  transform: scale(0, 1);
}
.c-w-c-b-a::after {
  border-right: 1px solid #161616;
  border-left: 1px solid #161616;
  transform: scale(1, 0);
}
.c-w-c-b-a:hover {
  color: #161616;
}
.c-w-c-b-a:hover::after,
.c-w-c-b-a:hover::before {
  transform: scale(1);
}
/*----------------新contact-wrapper始まり----------------*/




/*----------------footer-wrapper始まり----------------*/
.footer-wrapper{
  height:600px;
  background-color:#161616;
  font-family:"YakuHanJP", "Noto Sans JP";
  display:none;
}
.f-w-kuuhaku{
  width:100%;
  height:20%;
  background-color:#161616;
}
.f-w-contents{
  height:60%;
  width:65%;
  margin:0 auto;
  border-top:1px solid #ffffff ;
  border-bottom:1px solid #ffffff;
}
.f-w-c-ul{
  padding-left:0px;
  list-style-type:none;
  display:flex;
  flex-wrap:wrap;
  width:100%;
  height:100%;
  margin:0;
}
.f-w-c-ul li{
  flex:auto;
  width:100%;
}
.f-w-c-u-li1{
  height:20%;
}
.f-w-c-u-li2{
  height:50%;
}
.f-w-c-u-li3{
  height:30%;
}

.f-w-c-u-li1-con{
  width:100%;
  height:100%;
}
.f-w-c-u-li1-con ul{
  padding-left:0px;
  list-style-type: none;
  display:flex;
  flex-wrap:wrap;
}
.f-w-c-u-li1-con li{
  flex:auto;
  width:14%;
}
.f-w-c-u-li1-con p{
  color:#ffffff;
  text-align:center;
  font-size:18px;
  margin-block-start:25px;
}
.f-w-c-u-li1-con a{
  text-decoration: none;
  color:#ffffff;

}

.f-w-c-u-li2 ul{
  width:100%;
  height:100%;
  padding-left:0px;
  list-style-type: none;
  display:flex;
  flex-wrap:wrap;
}
.f-w-c-u-li2 li{
  width:25%;
  height:100%;
  flex:auto;
}
.f-w-c-u-li2 p{
  width:80%;
  height:50%;
  text-align:center;
  border:1px solid #323232;
  border-radius:10px;
  background-color:#161616;
  line-height:90px;
  margin:0 auto;
  margin-top:40px;
}
.f-w-c-u-li2 p:hover{
  background-color:#323232;
}
.f-w-c-u-li2 a{
  text-decoration: none;
  font-weight:bold;
  color:#ffffff;
  font-size:17px;
}

.f-w-c-u-li3 p{
  color:#ffffff;
  font-family:'Amatic SC';
  font-size:30px;
  text-align:center;
  margin-block-start:10px;
}
.f-w-c-u-li3 span{
  color:red;
}
/*----------------footer-wrapper終わり----------------*/











/*ーーーーーーーーーーーーーースマホ表示ーーーーーーーーーーーーーー*/

@media screen and (max-width:1900px){
  /*flow-wrapper始まり*/
  .slide-zone{
    width:65%;
  }
  .button-zone{
    width:65%;
  }
  /*flow-wrapper終わり*/
}

@media screen and (max-width:1800px){

  /*flow-wrapper始まり*/
  .slide-zone{
    width:70%;
  }
  .button-zone{
    width:70%;
  }
  /*flow-wrapper終わり*/
}

@media screen and (max-width:1700px){

  .price-middle-atention p{
    font-size:14px;
  }
  .price-middle-atention span{
    font-size:14px;
  }
  /*flow-wrapper始まり*/
  .slide-zone{
    width:75%;
  }
  .button-zone{
    width:75%;
  }
  /*flow-wrapper終わり*/
  .w-n-w-h2{
    width:70%;
  }
  .w-n-w-contents{
    width:70%;
  }
}

@media screen and (max-width:1600px){
  .price-middle-atention p{
    font-size:13px;
  }
  .price-middle-atention span{
    font-size:14px;
  }
  /*flow-wrapper始まり*/
  .slide-zone{
    width:73%;
  }
  .button-zone{
    width:73%;
  }
  /*flow-wrapper終わり*/
  .w-n-w-h2{
    width:75%;
  }
  .w-n-w-contents{
    width:75%;
  }
}

@media screen and (max-width:1500px){

  .prof-sales-message{
    width:80%;
  }
  .service-contents{
    width:75%;
  }
  .price-plan{
    width:70%;
  }
  .question-block{
    width:70%;
  }
  .test-image-switch{
    width:70%;
  }
  .test-switch-button{
    width:70%;
  }
  .portfolio-message{
    width:70%;
    margin:0 auto;
  }
  .about-card{
    width:70%;
  }
  /*flow-wrapper始まり*/
  .slide-zone{
    width:75%;
  }
  .button-zone{
    width:75%;
  }
  /*flow-wrapper終わり*/
  .w-w-contents{
    width:80%;
  }
  .w-n-w-h2{
    width:80%;
  }
  .w-n-w-contents{
    width:80%;
  }

}

@media screen and (max-width:1400px){
  .prof-sales-message{
    width:80%;
  }
  .service-contents{
    width:75%;
  }
  .price-plan{
    width:75%;
  }
  .question-block{
    width:75%;
  }
  .test-image-switch{
    width:75%;
  }
  .test-switch-button{
    width:75%;
  }
  .portfolio-message{
    width:75%;
  }
  .about-card{
    width:75%;
  }

  .test-image-switch{
    height:400px;
  }
  /*flow-wrapper始まり*/
  .slide-zone{
    width:80%;
  }
  .button-zone{
    width:80%;
  }
  /*flow-wrapper終わり*/
}

@media screen and (max-width:1300px){

 .service-contents{
  width:80%;
 }
 .price-plan{
  width:80%;
 }
 .question-block{
  width:80%;
 }
 .test-image-switch{
  width:80%;
 }
 .test-switch-button{
  width:80%;
 }
 .portfolio-message{
  width:80%;
  margin:0 auto;
 }
 .about-card{
   width:80%;
 }
  /*ーーーーーーー動く文字設定始まりーーーーー*/
  #top-message{
    top:34%;
    left:19%;
  }
  /*ーーーーーーー動く文字設定終わりーーーーー*/
  /*ーーーーーーーー動く画像設定始まりーーーー*/
  #slidelogo img{
    top:15%;
    left:41%;
  }
  #slidelogou img{
    top:15%;
    left:41%;
  }
  #slidelogol img{
    top:15%;
    left:41%;
  }
  #slidelogor img{
    top:15%;
    left:41%;
  }
  /*ーーーーーーーー動く画像設定終わりーーーー*/
  .test-slide-zone{
    height:500px;
  }
  .test-image-switch{
    height:400px;
  }
}

@media screen and (max-width: 1200px) {
  /*top-wrapper始まり*/
  .t-w-message1{
    left:75%;
  }
  /*top-wrapper終わり*/

  .w-w-contents{
    width:90%;
  }

  .service-contents{
    width:85%;
  }
  .price-plan{
    width:85%;
  }
  .question-block{
    width:85%;
  }
  .test-image-switch{
    width:85%;
  }
  .test-switch-button{
    width:85%;
  }
  .portfolio-message{
    width:85%;
  }
  .about-card{
    width:85%;
  }
  /*Profile-wrapper*/
   .profile-wrapper{
   }
   .profile-message p{
     font-size:18px;
     text-align:center;
     font-family: "アプリ明朝";
     line-height:60px;
   }
   .profile-message{
     width:90%;
     margin:0 auto;
   }
   .box19 {
     position: relative;
     padding:0.25em 1em;
     width:90%;
     margin:0 auto;
   }
 /*Profile-wrapperの終わり*/
 .message-ul-kyoutuu img{
   display:block;
   margin:0 auto;
   width:100%;
 }
 .message-ul-kyoutuu-sp{
   display:none;
 }
 /*service-wrapperの始まり*/
 .service-wrapper{
   height:1200px;
 }
   .service-contents{
     width:99%;
     margin:0 auto;
   }
   .service-wrapper li{
     line-height:60px;
     height:40px;
   }
   .servise-list p{
     font-size:27px;

   }
   .flex-list li{
     height:530px;
   }
   .flex-list img{
     margin-top:20px;
     margin-bottom:0px;
   }
   .list-message{
     width:90%;
     margin:0 auto;
   }
   .list-message p{
     font-size:23px;
     line-height:50px;
   }
 /*service-wrapperの終わり*/
 .prof-sales-message{
   width:100%;
 }
 .sales-message-ul-sp{
   display:none;
 }
 .sales-m-c p{
   font-size:16px;
 }
 .list-message p{
   font-size:18px;
 }
 /*middle-wrapper始まり*/
 .middle-wrapper{
     height:280px;
    }
 .middle-wrapper p{
    width:95%;
    margin:0 auto;
    font-size:37px;
    margin-top:60px;
   }
 .middle-wrapper-bottom-message{
   margin-top:40px;
  }
  .middle-wrapper-bottom-message p{
   width:95%;
   margin:0 auto;
   font-size:23px;
   }
 /*middle-wrapper終わり*/
 .w-n-w-h2{
   width:90%;
 }
 .w-n-w-contents{
   width:90%;
 }
 /*price-wrapper始まり*/
 .price-plan-sp{
   display:none;
 }
 .price-wrapper{
   height:1400px;
  }
 .price-plan{
   width:95%;
  }
 .suuuzi p{
   font-size:35px;
 }
 .suuuzi-small p{
   font-size:25px;
 }
 .price-middle-atention p{
   font-size:13px;
 }
 .price-middle-atention span{
   font-size:13px;
  }
 .xxx{
    left:6px;
  }
 .example-li p{
    font-size:13px;
  }
 /*price-wrapper終わり*/

 /*question-wrapper始まり*/
   .question-block{
     width:90%;
     padding-bottom:100px;
   }
   .answer p{
     margin-left:10px;
     margin-right:10px;
     font-size:14px;
   }
   .faq-list-item h4{
     font-size:15px;
   }
  /*question-wrapper終わり*/

  /*portfolio-wrapper始まり*/
  .portfolio-wrapper{
    padding-bottom:50px;
  }
  .test-slide-zone{
    height:580px;
  }
  .test-image-switch{
    height:500px;
  }
  .test-image-switch{
    width:90%;
  }
  .test-switch-button{
    width:90%;
  }
  .p-top p{
    font-size:16px;
  }
  .portfolio-message{
    width:90%;
    margin:0 auto;
  }
  #ppppp p{
    line-height:65px;
    font-size:16px;
  }
  .p-bottom{
    margin-top:50px;
  }
  .seisakuzisseki{
    width:50%;
  }
  .seisakuzisseki p{
    font-size:15px;
  }
  /*portfolio-wrapper終わり*/
  .kakoimasu p{
    font-size:16px;
    line-height:45px;
  }

  /*flow-wrapper始まり*/
  .slide-zone{
    width:90%;
  }
  .button-zone{
    width:90%;  }

  /*flow-wrapper終わり*/


 /*About-wrapper*/
  .about-wrapper{
   display:none;
   }
 /*About-wrapper終わり*/

  .faq-list-item h4{
    font-size:16px;
  }


    /*----------------contact-wrapper始まり----------------*/
    .con-message-contents{
      width:95%;
    }
    .con-top-contents{
      width:95%;
    }
    .c-t-p{
      width:100%;
    }
    .c-w-confirm{
      width:90%;
    }
    .c-w-c-message{
      width:80%;
    }

    /*----------------contact-wrapper終わり----------------*/
}

@media screen and (max-width:1000px){
  .price-middle-atention p{
    font-size:12px;
  }
  .price-middle-atention span{
    font-size:12px;
   }
}

@media screen and (max-width: 800px) {
    /*header-warapper始まり*/
    .h-w-logo{
      float:left;
      margin-left:50%;
      transform:  translateX(-50%);
      -webkit- transform: translateX(-50%);
    }
    .h-w-list{
      display:none;
    }
    .h-w-menu-sp{
      height:100%;
      width:80px;
      display:inline-block;
      float:right;
      margin-right:20px;
    }
    .h-w-menu-sp img{
      width:80%;
      margin-top:50%;
      transform:  translateY(-50%);
      -webkit- transform: translateY(-50%);
    }
    .h-w-menu-sp-contents{
      width:100%;
      margin-top:80px;
      background-color:#ffffff;
      opacity:0.9;
      display:none;
    }
    .h-w-m-s-c-ul{
      padding-left:0px;
      margin:0;
      width:100%;
    }
    .h-w-m-s-c-ul a{
      text-decoration: none;
      color:black;
      font-family:"YakuHanJP", "Noto Sans JP";
      line-height:60px;
      font-size:17px;
      margin-left:20px;
    }
    .h-w-m-s-c-ul li{
      width:100%;
      height:60px;
      border-top:1px solid #efefef;
    }
    .h-w-l-u-contact{
      border-bottom:1px solid #efefef;
    }
    /*header-warapper始まり*/

    /*Profile-wrapper始まり*/
    .w-w-contents{
      width:90%;
    }
    .w-w-c-top h3{
      font-size:30px;
    }
    /*Profile-wrapper終わり*/

    /*whats-nai-wrapper始まり*/
    .whats-nai-wrapper{
      padding-bottom:20px;
    }
    .w-n-w-h2{
      width:90%;
    }
    .w-n-w-h2 h2{
      text-align:center;
    }
    .w-n-w-contents{
      display:none;
    }
    /*whats-nai-wrapper終わり*/

    /*Profile-wrapper*/
     .profile-message p{
       line-height:30px;
       font-size:20px;
     }
     .profile-message{
       width:90%;
       margin:0 auto;

     }
     .box19 {
       position: relative;
       padding:0.25em 1em;
       width:90%;
       margin:0 auto;
     }
     .profile-wrapper{
     }
     .kakoimasu p{
       font-size:18px;
     }
     .kakoimasu-black{
       padding-top:50px;
       padding-bottom:50px;
     }
     .box-black p{
       font-size:18px;
     }
     /*Profile-wrapperの終わり*/

     /*sales-message始まり*/
     .sales-message-ul{
       display:none;
       /*PC版非表示*/
     }
     .sales-wrapper{
       padding-bottom:0px;
     }
     .prof-sales-message{
       height:2200px;
       width:100%;
     }
     .sales-message-ul-sp{
       display:block;
       height:100%;
       list-style-type:none;
       padding-left:0px;
     }
     .sales-message-ul-sp li{
       width:90%;
       height:33%;
       margin:0 auto;
       margin-bottom:30px;
     }
     .message-ul-kyoutuu-sp{
       display:block;
     }
     .message-ul-kyoutuu-sp h3{
       color:#142850;
       font-size:35px;
       text-align:center;
       font-weight:normal;

     }
     .message-ul-kyoutuu-sp img{
       width:90%;
       display:block;
       margin:0 auto;
     }
     .message-ul-kyoutuu-sp p{
       font-size:17px;
       font-family:"YakuHanJP", "Noto Sans JP";
       color:#161616;
       line-height:200%;

     }
     .pgakoisimasu{
       width:90%;
       margin:0 auto;
     }
     /*sales-message終わり*/
     /*service-wrapperの始まり*/
     .service-wrapper{
       height:1280px;
     }
       .service-contents{
         width:99%;
         margin:0 auto;
       }
       .service-wrapper li{
         line-height:60px;
         height:40px;
       }
       .flex-list li{
         height:530px;
       }
       .flex-list img{
         margin-top:20px;
         margin-bottom:0px;
       }
       .list-message{
         width:90%;
         margin:0 auto;
       }
       .list-message p{
         font-size:17px;
         line-height:35px;
       }
     /*service-wrapperの終わり*/

     /*middle-wrapper始まり*/
     .middle-wrapper{
        height:260px;
      }
     .middle-wrapper p{
       width:95%;
       margin:0 auto;
       font-size:30px;
       margin-top:60px;
     }
     .middle-wrapper-bottom-message{
       margin-top:40px;
     }
     .middle-wrapper-bottom-message p{
       width:95%;
       margin:0 auto;
       font-size:20px;

     }
     /*middle-wrapper終わり*/

     /*price-wrapper始まり*/
     .price-plan-sp{
       display:none;
     }
     .price-wrapper{
       height:1860px;
     }
     .price-top-message p{
       font-size:25px;
     }
     .price-middle-message p{
       font-size:20px;
       border:1.2px solid #142850;
       width:85px;
     }
     .price-middle-atention p{
       font-size:10px;
     }
     .price-middle-atention span{
       font-size:10px;
     }
     .kyoutuusettei img{
       height:80px;
       width:80px;
     }
     .suuuzi p{
       font-size:27px;
     }
     .suuuzi-small p{
       font-size:20px;
     }
     .plus-message{
       height:720px;
     }
     .plus-message p{
       font-size:25px;
     }
     .plus-ul{
       margin-top:30px;
     }
     .plus-ul li{
       width:95%;
       height:220px;
       margin:0 auto;
     }
     .kinounokakukoumoku li{
       width:50%;
       height:35px;
       font-size:16px;
       text-align:left;
     }
     .sitanoborder p{
       font-size:18px;
       width:50%;
       padding-bottom:5px;
       asitanikibouwomottamono:none;
     }
     .ABCsya p{
       font-size:16px;
     }
     .bokunara p{
       font-size:16px;
     }
     .hikakuul{
       display:flex;
       flex-wrap:wrap;
     }
     .hikakuul li{
       flex:auto;
       width:50%;
     }
     .hikakuul p{
       asitanikibouwomottamono:none;
     }
     .example-li{
       margin-top:10px;
     }
     .keiyakudesu p{
       font-size:16px;
       asitanikibouwomottamono:none;
     }
     /*price-wrapper終わり*/

     /*question-wrapper始まり*/
       .question-block{
         width:90%;
         padding-bottom:100px;
       }
       .answer p{
         margin-left:10px;
         margin-right:10px;
         font-size:14px;
       }
     /*question-wrapper終わり*/


     /*portfolio-wrapper始まり*/
     .test-slide-zone{
       height:350px;
     }
     .test-image-switch{
       height:300px;
       width:90%;
     }
     .test-switch-button{
       width:90%;
     }
     .p-top p{
       font-size:17px;
     }
     .p-top{
       width:90%;
     }
     .portfolio-message{
       width:90%;
       margin:0 auto;
     }
     #uewoakete{
       margin-top:40px;
     }
     #ppppp p{
       line-height:30px;
     }
     .p-bottom{
       margin-top:60px;
     }
     .seisakuzisseki{
       width:70%;
     }
     .button1 p{
       font-size:18px;
     }
     .button2 p{
       font-size:18px;
     }
     .button3 p{
       font-size:18px;
     }

     /*portfolio-wrapper終わり*/


     /*flow-wrapper始まり*/
     .slide-zone{
       width:90%;
     }
     .button-zone{
       width:90%;
     }
     .cont-ul li{
       width:100%;
     }
     .cont-li-image{
       display:none;
     }
     .h5wokesu p{
       font-size:17px;
     }
     /*flow-wrapper終わり*/


     /*About-wrapper*/
     .about-wrapper{
       display:none;
     }
     /*About-wrapper終わり*/

    /*contact-wrapper始まり*/
    .c-w-confirm{
      width:90%;
    }
    .c-w-c-message{
      width:90%;
    }
    .c-w-c-message h3{
      font-size:27px;


    }
    .c-w-c-m-ul{
      height:400px;
    }
    .c-w-c-m-ul li{
      width:95%;
      margin:0 auto;
      font-size:17px;
    }
    .c-w-c-m-ul span{
      font-weight:bold;
    }
    #li-hiddon{
      display:none;
    }
    .c-w-c-button{
      width:100%;
    }
    .c-w-c-button a{
      width:50%;
      font-size:17px;
    }
    /*contact-wrapper終わり*/

    /*fotter-wrapper始まり*/
    .f-w-contents{
      width:90%;
    }
    .f-w-c-u-li2 p{
      padding-left:10px;
      padding-right:10px;
    }

    /*footer-wrapper終わり*/
}

@media screen and (max-width: 450px) {
  /*----------------top-wrapper始まり--------------*/
  .t-w-message1{
    margin:0 auto;
    position:absolute;
    top:20%;
    left:55%;
    /*transform: translateY(-50%) translateX(-50%);*/
    /*-webkit- transform: translateY(-50%) translateX(-50%);*/
  }
  .t-w-message1 p{
    font-size:25px;
    font-weight:normal;
    font-family: "アプリ明朝";
    margin:0;
    line-height:300%;
    writing-mode: vertical-rl;
    letter-spacing: 8px;
    color:#142850;
  }

  /*----------------top-wrapper終わり--------------*/

  /*header-warapper始まり*/
  .h-w-logo{
    float:left;
    margin-left:20px;
    transform:  none;
    -webkit- transform: none;
  }
  .h-w-list{
    display:none;
  }
  .h-w-menu-sp{
    height:100%;
    width:80px;
    display:inline-block;
    float:right;
    margin-right:0;
  }
  .h-w-menu-sp img{
    width:60%;
    display:block;
    margin:0 auto;
    margin-top:50%;
    transform:  translateY(-50%);
    -webkit- transform: translateY(-50%);
  }
  /*header-warapper始まり*/

  /*Profile-wrapper始まり*/
  .worries-wrapper{
    padding-bottom:0px;
  }
  .w-w-contents{
    width:95%;
  }
  .w-w-c-top{
    width:95%;
  }
  .w-w-c-top h3{
    font-size:22px;
  }
  .w-w-c-ul {
    margin-bottom:0px;
  }
  .w-w-c-ul li{
    width:100%;
    height:500px;
  }
  .w-w-c-ul-p{
    width:89%;

  }
  /*Profile-wrapper終わり*/


  /*whats-wrapper始まり*/
  .whats-nai-wrapper{
    padding-bottom:20px;
  }
  .w-n-w-h2{
    width:95%;
  }
  .w-n-w-h2 h2{
    text-align:center;
    font-size:60px;
  }
  .w-n-w-contents{
    display:none;
  }
  /*whats-wrapper終わり*/



  /*Profile-wrapper*/
    .profile-wrapper{
      height:530px!important;
      padding-top:70px;
      padding-bottom:10px;
    }
    .profile-message{
      width:90%;
      margin:0 auto;
      padding-bottom:50px;
      line-height:50px;
    }
    .box19 {
        position: relative;
        padding:0.25em 1em;
        width:90%;
        margin:0 auto;
    }
    .profile-wrapper{
      height:930px;
    }
    .profile-message{
      padding-bottom:0px;
    }
    .profile-message p{
      font-size:16px;
      color:#161616;
      text-align:center;
      font-family: "アプリ明朝";
      line-height:32px;
      margin-bottom:0px;
    }
    .kakoimasu{
      margin-bottom:50px;
    }
    #sitanoookisa{
      padding-bottom:40px;
    }
    .box-black{
      padding-bottom:0px;
    }
    /*Profile-wrapper終わり*/



    /*sales-message始まり*/
    .hidden-worries{
      display:none;
    }
    .sales-message-ul{
      display:none;
      /*PC版非表示*/
    }
    .sales-wrapper{
      padding-bottom:0px;
      padding-top:20px;
      background-color:#f9f9f9;
    }
    .prof-sales-message{
      height:1800px;
      width:100%;
      margin-bottom:0px;
    }
    .sales-message-ul-sp{
      display:block;
      height:100%;
      list-style-type:none;
      padding-left:0px;
    }
    .sales-message-ul-sp li{
      width:95%;
      height:33%;
      margin:0 auto;
      margin-bottom:30px;
    }
    .message-ul-kyoutuu-sp{
      display:block;
    }
    .message-ul-kyoutuu-sp h3{
      color:#142850;
      font-size:25px;
      text-align:center;
      font-weight:normal;

    }
    .message-ul-kyoutuu-sp img{
      width:90%;
      display:block;
      margin:0 auto;
      padding-bottom:20px;
    }
    .message-ul-kyoutuu-sp p{
      font-size:15px;
      font-family:"YakuHanJP", "Noto Sans JP";
      color:#161616;
      line-height:200%;

    }
    /*sales-message終わり*/



    /*Service-wrapper*/
    .service-wrapper{
      height:1950px;
    }
    .service-contents{
      width:98%;
      margin:0 auto;
    }
    .service-wrapper li{
      height:430px;
      line-height:60px;
    }
     .service-wrapper h2{
       font-size:60px;
     }
    .flex-list li{
      flex:auto;
      width:100%;
      height:440px;
      }
    .flex-list img{
      margin-top:20px;
      margin-bottom:0px;
    }
    .list-message{
      width:90%;
      margin:0 auto;
      }
    .list-message p{
      font-size:15px;
    }
    /*Service-wrapper終わり*/

     /*middle-wrapper始まり*/
    .middle-wrapper{
      height:280px;
    }
    .middle-wrapper p{
      width:90%;
      margin:0 auto;
      font-size:25px;
      margin-top:30px;
			line-height:170%;
    }
    .middle-wrapper-bottom-message{
      margin-top:30px;
    }
    .middle-wrapper-bottom-message p{
      width:95%;
      margin:0 auto;
      font-size:14px;

    }
    /*middle-wrapper終わり*/

    /*price-wrapper始まり*/
    .price-wrapper{
      height:4080px;
    }
    .price-wrapper h2{
      font-size:60px;
      margin-block-end:40px;
    }
    .price-plan{
      display:none;
    }
    .price-plan-sp{
      display:inline-block;
      height:3600px;
      width:100%;
      background-color:#ffffff;
      font-family:"YakuHanJP", "Noto Sans JP";
    }
    /*price-top-contents*/
    .price-top-contents{
      width:90%;
      margin:0 auto;
      padding-top:30px;
    }
    .price-message-sp{
      height:110px;
      width:100%;
    }
    .price-message-sp p{
      font-size:32px;
      margin-top:10px;
      margin-bottom:0px;
      color:#142850;
    }
    .price-kome-sp{
      height:30px;
    }
    .price-kome-sp p{
      font-size:12px;
      color:#142850;
    }
    .year-barai-sp{
      height:30px;
    }
    .year-barai-sp p{
      font-size:23px;
      color:#142850;
    }
    .year-barai-ex-sp{
      height:120px;
      width:90%;
      font-size:15px;
    }
    .orangerange-sp{
      color:#0070af;
    }
    /*price-bottom-contents*/
    .price-bottom-contents{
      width:90%;
      height:2330px;
      margin:0 auto;
    }
    .price-bottom-contents ul{
      padding-left:0px;
    }
    .price-ul-sp li{
      list-style:none;
    }
    .kyoutuu-li-sp{
      width:100%;
      margin-top:55px;
    }
    .kyoutuu-li-sp img{
      display:block;
      height:120px;
      width:120px;
      margin:0 auto;
    }
    .kyoutuu-li-sp p{
      text-align:center;
      font-size:20px;
      font-weight:bold;
      margin-top:25px;
      margin-bottom:10px;
    }
    .price-number-sp{
      height:150px;
      width:100%;
    }
    .price-number-sp p{
      text-align:center;
    }
    .price-number-sp ul{
      padding-left:0px;
      height:150px;
    }
    .number-ul-sp{
      flex-direction:column;
    }
    .number-ul-sp li{
      list-style:none;
      height:50%;
    }
    .month-sp p{
      margin-top:0px;
      margin-bottom:0px;
      padding-top:10px;
      font-size:14px;
      color:#efefef;
    }
    .year-sp p{
      margin-top:0px;
      margin-bottom:0px;
      padding-top:10px;
      font-size:14px;
    }
    .month-number-sp p{
      font-size:27px;
      font-weight:bold;
      margin-top:0px;
      margin-bottom:0px;
      padding-top:0px;
    }
    .year-number-sp p{
      font-size:20px;
      font-weight:bold;
      padding-top:0px;
    }
    /*price-basic-sp*/
    .price-basic-spfa{
      color:#5fa1d9;
    }
    .month-bas-sp{
      background-color:#0070af;
    }
    .year-bas-sp{
      background-color:#dbe7f0;
    }
    /*price-standard-sp*/
    .month-sta-sp{
      background-color:#ffb92f;
    }
    .year-sta-sp{
      background-color:#f9efdd;
    }
    .price-standard-spa{
      color:#ffb92f;
    }
    /*price-premium-sp*/
    .month-pre-sp{
      background-color:#3d5fa4;
    }
    .year-pre-sp{
      background-color:#d1d5e0;
    }
    .price-premium-spd{
      color:#3d5fa4;
    }
    /*price-plus-infomation-sp*/
    .price-plus-infomation-sp{
      height:900px;
      width:90%;

      margin:0 auto;
      margin-bottom:70px;
    }
    .hako-sp{
      height:300px;
      width:100%;
      background-color:#f9f9f9;
    }
    .hako-sp p{
      text-align:center;
      font-weight:bold;
      padding-top:18px;
      color:#142850;
      font-size:18px;
    }
    .whitecase-sp{
      height:220px;
      width:90%;
      background-color:#f9f9f9;
      margin:0 auto;
    }
    .whitecase-sp p{
      font-size:15px;
      color:#161616;
      font-weight:normal;
    }
    .whitecase-sp ul{
      padding-left:0px;
      padding-top:8px;
      width:90%;
      margin:0 auto;
    }
    .whitecase-sp span{
      color:#0070af;
    }
    .muryoude-ul-sp{
      display:flex;
      flex-wrap:wrap;
    }
    .muryoude-ul-sp li{
      flex:auto;
      width:100%;
      list-style:none;
      font-size:15px;
      height:30px;
    }
    .muryoude-ul-sp span{
      color:#0070af;
    }
    .list-test-sp:before{
      content:  "";                 /* 空の要素作成 */
      width: 15px;                            /* 幅指定 */
      height: 15px;                           /* 高さ指定 */
      display: inline-block;                 /* インラインブロックにする */
      position: relative;                    /* アイコンの位置を調整 */
      top: 3px;                             /* アイコンの位置を調整 */
      margin-right: 5px;                      /* 余白指定 */
      background-image:  url(../image/check-box-orange.png);  /* アイコン指定 */
      background-size:  contain;              /* アイコンの大きさ指定 */
      background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
      vertical-align: top;                    /* アイコンの位置を調整 */
    }
    .keiyaku-message-sp{
      width:90%;
      margin:0 auto;
    }
    /*last-message-sp*/
    .last-message-sp{
      margin:0 auto;
      width:90%;
      height:150px;
      text-align:center;
    }
    .last-message-sp span{
      font-weight:bold;
      color:#0070af;
    }
    /*price-wrapper終わり*/

    /*question-wrapper始まり*/
    .question-wrapper h2{
      font-size:60px;
    }
    .question-block{
      width:90%;
      padding-bottom:100px;
    }
    .answer{
      padding-right:5px;
      padding-left:5px;
    }
    .answer p{
      margin-left:4px;
      margin-right:4px;
      font-size:14px;
    }
    /*question-wrapper終わり*/

    /*portfolio-wrapper始まり*/
    .portfolio-wrapper h2{
      font-size:60px;
    }
    .portfolio-wrapper{
      background-color:#ffffff;
    }
    .test-top-wrapper{
      background-color:#ffffff;
    }
    .test-slide-zone{
      margin-bottom:70px;
      height:210px;
    }
    .test-ul p{
      font-size:15px;
    }
    .test-image-switch{
      width:90%;
      height:170px;
    }
    .test-switch-button{
      height:65px;
      width:90%;
    }
    .p-top p{
      font-size:15px;
    }
    .portfolio-message{
      width:90%;
      margin:0 auto;
      background-color:#ffffff;
    }
    .p-top{
      width:100%;
      padding-top:50px;
      background-color:#ffffff;
    }
    #uewoakete{
      margin-top:40px;
    }
    #ppppp p{
      line-height:30px;
      text-align:left;
      font-size:15px;
    }
    .p-bottom{
      margin-top:60px;
      background-color:#ffffff;
    }
    .seisakuzisseki{
      width:95%;
      background-color:#ffffff;
    }
    /*portfolio-wrapper終わり*/

    /*flow-wrapper始まり*/
    .flow-wrapper h2{
      font-size:60px;
    }
    .slide-zone{
      height:560px;
      width:95%;
    }
    .button-zone{
      width:92%;
    }
    .cont-ul li{
      width:100%;
    }
    .h5wokesu h5{
      margin-block-start:20px;
      margin-block-end:2px;
    }
    .cont-li-ex{
      background-color:#f9f9f9;
    }
    .pnoyohaku{
      background-color:#ffffff;
      border-radius: 2px;
      padding-left:10px;
      padding-right:10px;
      padding-top:10px;
      padding-bottom:10px;
    }
    .pnoyohaku br{
      display:block;
    }
    .pnoyohaku img{
      display:block;
      width:60%;
      margin:0 auto;
    }
    .pnoyohaku p{
      font-size:15px;
    }
    .cont-li-image{
      display:none;
    }
    .pre{
      width:95%;
    }
    /*flow-wrapper終わり*/

    /*About-wrapper*/
    .about-wrapper{
      display:none;
    }
    /*About-wrapper終わり*/




    /*contact-wrapper始まり*/
    .contact-wrapper h2{
        font-size:60px;
      }
    .c-w-confirm{
        width:90%;
      }
    .c-w-c-message{
        width:90%;
      }
    .c-w-c-message h3{
        font-size:18px;
      }
    .c-w-c-m-ul{
        height:610px;
      }
    .c-w-c-m-ul li{
        width:95%;
        margin:0 auto;
        font-size:15px;
      }
    .c-w-c-m-ul span{
        font-weight:bold;
      }
    #li-hiddon{
        display:none;
      }
    .c-w-c-button{
        width:100%;
      }
    .c-w-c-button a{
        width:50%;
        font-size:18px;
      }
    /*contact-wrapper終わり*/

  /*contact-contents-sp始まり
  .contact-contents{
    display:none;
  }
  .contact-contents-sp{
    display:block;
    height:100%;
    width:100%;
    margin-top:50px;
    font-family:"YakuHanJP", "Noto Sans JP";
  }
  .con-message-contents-sp{
    height:170px;
    width:95%;
    background-color:#ffffff;
    margin:0 auto;
  }
  .con-top-title-sp{
    height:105px;
    width:100%;
    background-color:#142850;
    border-radius:15px;
  }
  .con-top-title-sp p{
    font-size:25px;
    text-align:center;
    line-height:105px;
    font-weight:500;
    color:#ffffff;
  }
  .con-bottom-title-sp{

  }
  .con-bottom-title-sp p{
    text-align:center;
    padding:5px;
    background-color:#ff9100;
    color:#ffffff;
    border-radius:10px;
  }
  .contact-table-sp{
    width:95%;
    margin:0 auto;
  }
  .contact-table-sp tr{
    height:30px;
  }
  .contact-table-sp th{
    font-size:17px;
    color:#142850;
  }
  .contact-table-sp input,textarea{
    width:98%;
    margin:0 auto;
    border:none;
  }
  .contact-table-sp textarea{
    height:200px;
  }
  .contact-table-sp input{
    height:30px;
    margin-top:5px;
    margin-bottom:20px;
  }
  .contact-table-sp p{
    margin-left:10px;
  }
  .contact-table-sp span{
    padding-left:2px;
    padding-right:4px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#142850;
    color:#ffffff;
    border-radius:5px;
    font-size:14px;
    margin-left:5px;
  }
  .senntaku-ul-sp {
    list-style:none;
    padding-left:0px;
    display:flex;
    flex-wrap:wrap;
    margin-top:0px;
  }
  .senntaku-ul-sp li{
    flex:auto;
    width:100%;
  }
  .senntaku-ul-sp input{
    display:inline-block;
    float:left;
    height:90%;
    width:15px;
  }
  .senntaku-ul-sp p{
    float:left;
  }
  .con-bottom-contents{
    width:100%;
    margin:0 auto;
  }
  .con-bottom-contents p{
    text-align:left;
    margin-left:2px;
  }
  .submitb{
    width:98%;
  }
  .submitb input{
    border:1px solid #ff9100;
    height:100%;
  }

  /*contact-contents-sp終わり*/


  /*footer-wrapper始まり*/
  .footer-wrapper{
    margin-top:130px;
    height:100px;
  }
  .f-w-contents{
    width:90%;
    height:16%;
    border:none;
  }
  .f-w-kuuhaku{
    display:none;
  }
  .f-w-c-ul{

  }
  .f-w-c-u-li1{
    display:none;
  }
  .f-w-c-u-li2{
    height:70%;
    display:none;
  }
  .f-w-c-u-li2 li{
    width:100%;
    height:25%;
  }
  .f-w-c-u-li2 p{
    line-height:35px;
  }
  .f-w-c-u-li2 a{
    font-weight:normal;
  }
  .f-w-c-u-li3 p{
    margin-block-start:30px;
  }
  /*footer-wrapper終わり*/

}

@media screen and (max-width: 350px){

  /*Profile-wrapper始まり*/
  .profile-message p{
      line-height:30px;
      font-size:14px;
      color:white;
      text-align:center;
      font-family: "アプリ明朝";
    }
  .profile-message{
      width:90%;
      margin:0 auto;
      margin-top:100px;
    }
  .box19 {
      position: relative;
      padding:0.25em 1em;
      width:90%;
      margin:0 auto;
    }
  .profile-wrapper{
      height:1050px;
    }
  .kakoimasu{
      margin-bottom:50px;
  }
   /*Profile-wrapper終わり*/
   /*sales-message始まり*/
   .sales-message-ul{
     display:none;
   }

   /*sales-message終わり*/
   /*Service-wrapper始まり*/
  .service-wrapper{
     height:1960px;
   }
  .service-wrapper h2{
   font-size:60px;
  }
  .service-contents{
    width:98%;
    margin:0 auto;
   }
  .flex-list li{
    flex:auto;
    width:100%;
    height:440px;
   }
  .flex-list img{
    margin-top:20px;
    margin-bottom:0px;
  }
  .list-message{
     width:90%;
     margin:0 auto;
     line-height:60px;
   }
  .list-message p{
     font-size:14px;
   }
    /*Service-wrapper終わり*/
    .middle-wrapper{
      width:100%;
    }
    .middle-wrapper p{
     width:90%;
     margin:0 auto;
     font-size:23px;
     margin-top:30px;
    }
   .middle-wrapper-bottom-message{
    margin-top:30px;
    }
   .middle-wrapper-bottom-message p{
    width:90%;
    margin:0 auto;
    font-size:13px;
   }
   /*middle-wrapper終わり*/


   /*price-wrapper始まり*/
   .price-wrapper{
     height:4080px;
   }
   .price-wrapper h2{
     font-size:60px;
     margin-block-end:40px;
   }
   .price-plan{
     display:none;
   }
   .price-plan-sp{
     display:inline-block;
     height:3600px;
     width:100%;
     background-color:#ffffff;
     font-family:"YakuHanJP", "Noto Sans JP";
   }
   /*price-top-contents*/
   .price-top-contents{
     width:90%;
     margin:0 auto;
     padding-top:30px;
   }
   .price-message-sp{
     height:110px;
     width:100%;
   }
   .price-message-sp p{
     font-size:32px;
     margin-top:10px;
     margin-bottom:0px;
     color:#142850;
   }
   .price-kome-sp{
     height:30px;
   }
   .price-kome-sp p{
     font-size:12px;
     color:#142850;
   }
   .year-barai-sp{
     height:30px;
   }
   .year-barai-sp p{
     font-size:23px;
     color:#142850;
   }
   .year-barai-ex-sp{
     height:120px;
     width:90%;
     font-size:15px;
   }
   .orangerange-sp{
     color:rgb(255, 162, 23);
   }
   /*price-bottom-contents*/
   .price-bottom-contents{
     width:90%;
     height:2330px;
     margin:0 auto;
   }
   .price-bottom-contents ul{
     padding-left:0px;
   }
   .price-ul-sp li{
     list-style:none;
   }
   .kyoutuu-li-sp{
     width:100%;
     margin-top:55px;
   }
   .kyoutuu-li-sp img{
     display:block;
     height:120px;
     width:120px;
     margin:0 auto;
   }
   .kyoutuu-li-sp p{
     text-align:center;
     font-size:20px;
     font-weight:bold;
     margin-top:25px;
     margin-bottom:10px;
   }
   .price-number-sp{
     height:150px;
     width:100%;
   }
   .price-number-sp p{
     text-align:center;
   }
   .price-number-sp ul{
     padding-left:0px;
     height:150px;
   }
   .number-ul-sp{
     flex-direction:column;
   }
   .number-ul-sp li{
     list-style:none;
     height:50%;
   }
   .month-sp p{
     margin-top:0px;
     margin-bottom:0px;
     padding-top:10px;
     font-size:14px;
     color:#efefef;
   }
   .year-sp p{
     margin-top:0px;
     margin-bottom:0px;
     padding-top:10px;
     font-size:14px;
   }
   .month-number-sp p{
     font-size:27px;
     font-weight:bold;
     margin-top:0px;
     margin-bottom:0px;
     padding-top:0px;
   }
   .year-number-sp p{
     font-size:20px;
     font-weight:bold;
     padding-top:0px;
   }
   /*price-basic-sp*/
   .price-basic-spfa{
     color:#5fa1d9;
   }
   .month-bas-sp{
     background-color:#5fa1d9;
   }
   .year-bas-sp{
     background-color:#d5e3ed;
   }
   /*price-standard-sp*/
   .month-sta-sp{
     background-color:#57a0c3;
   }
   .year-sta-sp{
     background-color:#dbe0e3;
   }
   .price-standard-spa{
     color:#57a0c3;
   }
   /*price-premium-sp*/
   .month-pre-sp{
     background-color:#3d5fa4;
   }
   .year-pre-sp{
     background-color:#d1d5e0;
   }
   .price-premium-spd{
     color:#3d5fa4;
   }
   /*price-plus-infomation-sp*/
   .price-plus-infomation-sp{
     height:900px;
     width:90%;

     margin:0 auto;
     margin-bottom:70px;
   }
   .hako-sp{
     height:300px;
     width:100%;
     background-color:#e7e7e7;
   }
   .hako-sp p{
     text-align:center;
     font-weight:bold;
     padding-top:18px;
     color:#142850;
     font-size:18px;
   }
   .whitecase-sp{
     height:220px;
     width:90%;
     background-color:#efefef;
     margin:0 auto;
   }
   .whitecase-sp p{
     font-size:15px;
     color:#161616;
     font-weight:normal;
   }
   .whitecase-sp ul{
     padding-left:0px;
     padding-top:8px;
     width:90%;
     margin:0 auto;
   }
   .whitecase-sp span{
     color:rgb(255, 162, 23);
   }
   .muryoude-ul-sp{
     display:flex;
     flex-wrap:wrap;
   }
   .muryoude-ul-sp li{
     flex:auto;
     width:100%;
     list-style:none;
     font-size:15px;
     height:30px;
   }
   .muryoude-ul-sp span{
     color:rgb(255, 162, 23);
   }
   .list-test-sp:before{
     content:  "";                 /* 空の要素作成 */
     width: 15px;                            /* 幅指定 */
     height: 15px;                           /* 高さ指定 */
     display: inline-block;                 /* インラインブロックにする */
     position: relative;                    /* アイコンの位置を調整 */
     top: 3px;                             /* アイコンの位置を調整 */
     margin-right: 5px;                      /* 余白指定 */
     background-image:  url(../image/check-box-orange.png);  /* アイコン指定 */
     background-size:  contain;              /* アイコンの大きさ指定 */
     background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
     vertical-align: top;                    /* アイコンの位置を調整 */
   }
   .keiyaku-message-sp{
     width:90%;
     margin:0 auto;
   }
   /*last-message-sp*/
   .last-message-sp{
     margin:0 auto;
     width:90%;
     height:150px;
     text-align:center;
   }
   .last-message-sp span{
     font-weight:bold;
   }
   /*price-wrapper終わり*/
  /*Service-wrapper終わり*/
 /*question-wrapper始まり*/
 .question-block{
   width:90%;
   padding-bottom:100px;
 }
 .answer p{
   margin-left:4px;
   margin-right:4px;
   font-size:14px;
 }
 /*question-wrapper終わり*/

 /*portfolio-wrapper始まり*/
 .test-slide-zone{
   margin-bottom:70px;
   height:210px;
 }
 .test-ul p{
   font-size:16px;
 }
 .test-image-switch{
   width:90%;
   height:120px;
 }
 .test-switch-button{
   height:65px;
   width:90%;
 }
 .p-top p{
   font-size:16px;
 }
 .portfolio-message{
   width:90%;
 }
 #uewoakete{
   margin-top:40px;
 }
 #ppppp p{
   line-height:45px;
 }
 .p-bottom{
   margin-top:60px;
 }
 .seisakuzisseki{
   width:95%;
 }
 /*portfolio-wrapper終わり*/
 /*middle-wrapper始まり*/
 .middle-wrapper{
   height:290px;
 }
 /*middle-wrapper終わり*/
 /*price-wrapper始まり*/
 /*price-basic-sp*/
 .price-basic-spfa{
   color:#5fa1d9;
 }
 .month-bas-sp{
   background-color:#0070af;
 }
 .year-bas-sp{
   background-color:#dbe7f0;
 }
 /*price-standard-sp*/
 .month-sta-sp{
   background-color:#ffb92f;
 }
 .year-sta-sp{
   background-color:#f9efdd;
 }
 .price-standard-spa{
   color:#ffb92f;
 }
 /*price-premium-sp*/
 .month-pre-sp{
   background-color:#3d5fa4;
 }
 .year-pre-sp{
   background-color:#d1d5e0;
 }
 .price-premium-spd{
   color:#3d5fa4;
 }
 /*price-wrapper終わり*/
 /*flow-wrapper始まり*/
 .slide-zone{
   width:95%;
   height:430px;
 }
 .pnoyohaku br{
   display:none;
 }
 .button-zone{
   width:95%;
 }
 .slide-zone{
   height:560px;
   width:95%;
 }
 /*flow-wrapper終わり*/
   /*About-wrapper*/
   .about-wrapper{
     display:none;
    }

   /*About-wrapper終わり*/

    /*--contact-wrapper始まり--*/
    .con-top-contents th{
      font-size:5px;
    }
    .con-top-contents td{
      font-size:5px;
    }
    .con-top-contents placeholder{
      font-size:5px;
    }
    .con-top-contents span{
      display:none;
    }
    .con-bottom-contents{
      width:100%;
    }
    .c-t-m p{
      font-size:23px;
      padding-top:32px;
    }
    /*--contact-wrapper終わり--*/
}


/*ーーーーーーーーーーーーーースマホ表示終わりーーーーーーーーーーー*/