@charset "UTF-8";
/*共通*/

img{
    max-width:100%;
}

.sub-title{
    text-align:center;
    padding-top:20px;
    margin:70px auto 50px auto;
    width:960px;
/* }
.under{ */
    background:linear-gradient(transparent 65%, #C5FFED 30%);
}
ul{
    padding:0;
}
li{
    list-style-type:none;
}
.wrapper{
    max-width: 1150px;
    margin:0 auto;
}
.sub-wrapper{
    max-width:960px;
    margin:0 auto;
}
.bold {
    font-weight:bold;
}

/* header */
.logo img{
    width:25%;
}
.logo{
    margin:0 0 0 5px;
}
.orange{
    background-color:#d96545;
    color:#fff;
    width:300px;
    font-size:20px;
    line-height:1.5;
    padding:10px 5px;
}
.orange p{
    margin:0;
    text-align:center;
}
.orange span{
    font-size:15px;
}
.top{
    display:flex;
    justify-content:space-between;
    align-items: center;
}

.catch{
    height:375px;
    background-color:#EEE;
    background-image:url(../image/22366821.png);
    background-repeat:no-repeat;
    background-position:right center;
    display:flex;
    align-items:center;
}
.catch p{
    margin:15px;
    font-size:1.5rem;
}
.catch span{
    font-size:2rem;
    line-height:1.5;
}
#header i{
    color:#fff;
}
/* ↑ header ↑ */
/* 業務内容 */
#business ul{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    padding:0;
}
#business ul li{
    width:47%;
    display:flex;
    justify-content:space-around;
    align-items:center;
    border:1px solid #707070;
    margin:10px 0;
    padding:10px;
}
#business .more a{
    display:block;
    padding:15px 0 0 10px;
    text-decoration:underline;
    color:#5283a5;
}
#business .more a:hover{
    color:#203971;
}
#business ul li a{
    text-decoration:none;
}
ul .box-one{
    background-color:#eee;
}
ul .box-two{
    background-color:#AFDFD0;
}
ul .box-one:nth-of-type(1){
    margin-top:15px;
}
/* ↑ 業務内容 ↑ */
/* お知らせ */
.news-list{
    list-style:none outside;
    margin:0;
    padding:0;
    background-color:#EFEFEF;
    border:1px solid #707070;
}
.news-list .item a{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    flex-wrap:nowrap;
    text-decoration:none;
    color:#333;
    margin:20px;
    padding:10px ;
}
.news-list .item:first-child a{
    border-bottom:1px dotted #707070;
}
.news-list .item .date{
    margin:0;
    min-width:140px;
    font-size:16px;
    color:#999;
}
.news-list .item .category span{
    background:#D96545;
    border-radius:20px;
    color:#fff;
    text-align:center;
    display:inline-block;
    padding:5px 20px;
    font-size:12px;
    line-height:1;
}
.news-list .item .title{
    margin:0;
    width:100%;
}
.news-list .item a:hover .title{
    color:#00f;
}
.news-title{
    padding-left:20px;
}
.more{
    text-align:end;
    padding:10px;
}
/* php */
#news iframe{
    width:100%;
    border:1px solid #707070;
}
div.top_contents{
    width:100%;
    /* max-width:1100px; */
    background-color:#efefef;
    margin:15px auto;
    display:flex;
    font-size:0.8rem;
    justify-content:space-around;
}
#newsWrap .info{
    width:90%;
    margin:10px auto;
    font-size:0.8rem;
    display:flex;
    align-items:center;
    border-bottom:1px dotted #707070;
}
#newsWrap .info div{
    display:block;
    padding:2px 10px;
    line-height:180%;
}
#newsWrap .info .title a{
    color:#333;
}
#newsWrap .info div:first-child{
    width:15%;
    color:#666;
}
#newsWrap .info div:nth-child(2){
    width:10%;
}
#newsWrap .info div:last-child{
    width:80%;
    font-size:0.9rem;
}
#newsWrap .info div p.cat{
    background-color:#d96545;
    color:#fff;
    text-align:center;
    font-size:0.7rem;
    border-radius:20px;
}
div.top_contents a{
    text-decoration:none;
}
/* ↑ php ↑ */

/* ↑ お知らせ ↑ */
/* お問い合わせフォーム */
#contact div{
    line-height:1.75;
}
.contact-time{
    font-size:0.75rem;
}
.contact-time span{
    background:linear-gradient(transparent 25%,#EEEEEE);
}
#contact .sentence{
    text-align:center;
}
.Form{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    max-width:720px;
}
.form-item{
    padding:24px 0;
    width: 100%;
    display:flex;
    /* align-items:center; */
}
.form-item-label{
    width:100%;
    max-width:200px;
    letter-spacing:0.05em;
    font-weight:bold;
    font-size:18px;
    margin-top:0;
}
.form-item-input{
    border:1px solid #ddd;
    margin-left:40px;
    padding-left:1em;
    padding-right:1em;
    height:48px;
    flex:1;
    width:100%;
    max-width:445px;
    background:#eaedf2;
    font-size:18px;
}
.form-item-textarea{
    border:1px solid #ddd;
    margin-left:40px;
    padding-left:1em;
    padding-right:1em;
    height:216px;
    flex:1;
    width:100%;
    max-width:445px;
    background:#eaedf2;
    font-size:18px; 
}
.form-btn{
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    padding-bottom:10px;
    width:280px;
    display:block;
    letter-spacing:0.05em;
    background:#d96545;
    color:#fff;
    font-weight:bold;
    font-size:20px;
}
.radio-button{
    margin-left:40px;
    margin-bottom:15px;
}
.radio-button label{
    margin-right:15px;
    white-space: nowrap;
}
.radio-button span{
    margin-left:5px;
}
.radio-button label:last-child{
    margin-right:0;
}
.radio-textarea{
    display:flex;
    flex-direction:column;
}
.form-btn:hover{
    background-color:#ca401a;
}
/* ↑ お問い合わせフォーム ↑ */

/*報酬表*/
.reward table {
    width: 80%;
    margin: 0 auto;
    border-collapse: collapse;
    line-height: 1.6;
    letter-spacing: 1px;
}
.reward table th,.reward table td {
    border: solid 1px #DDDDDD;
    padding: 15px;
}
.reward table th {
    background-color: #EAEDF2;
}

.reward table .w-10 {
    width: 10%;
}
.reward table .w-20 {
    width: 20%;
}
.reward table .w-25 {
    width: 25%;
}
.reward table .w-30 {
    width: 30%;
}
.reward table .w-45 {
    width: 45%;
}


.reward table .vertical {
    writing-mode: vertical-lr;
    text-align: center;
    text-orientation: upright;
}

.reward p.sentence {
    text-align: center;
    margin: 2% 0;
}
/* ↑ 報酬表 ↑ */

/*事務所紹介*/
.office table{
    width:800px;
    margin:0 auto;
}
.office th,.office td{
    border-bottom:1px dashed #707070;
    text-align:center;
    padding:10px 5px;
}
.office td{
    border-left:1px dashed #707070;
}
.office table .last{
    border-bottom:none;
}
/* ↑ 事務所紹介 ↑ */
/*代表プロフィール*/
.prof{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:10px;
}
.prof img{
    width:30%;
    border-radius:50px;
    margin-bottom:25px;
}
.prof div{
    width:65%;
}
.name{
    margin-top:0;
    font-size:1.5rem;
}
.license{
    margin-left:30px;
}
#profile .box{
  border:1px solid #707070;
  padding:15px;
  margin:10px;
  line-height:1.75;
}
#profile h3{
  border-bottom:1px solid #707070;
  margin-top:0;
  padding-bottom:5px;
}
#profile .flex{
  display:flex;
  justify-content:space-between;
  margin-bottom:5%;
}
.flex-left{
  width:55%;
}
/* .flex-right{
  width:45%;
} */
.flex-right iframe{
    margin:10px;
}
/* ↑ 代表プロフィール ↑ */
/*フッター*/
#footer{
    background-color:#eee;
    position:relative;
}
.footer_logo{
    text-align:center;
    padding:50px 10px 0 10px;
}
.footer_logo img{
    width:25%;
}
.tel_number{
    width:30%;
    margin:10px auto;
    padding:10px;
    border-radius:50px;
    background-color:#68A7D5;
    color:white;
    text-align:center;
}
.tel_number span{
    margin:0;
    padding:10px;
    line-height:1.5;
}
.tel_number span:nth-of-type(2){
    font-size:1.75rem;
}
.copyright{
    text-align:center;
    padding:5px;
}

/* .sns_box{
    position:absolute;
    top:28%;
    right:0;
    transform:translate(-50%,-50%);
} */
.sns_box{
    display:flex;
    margin:10px auto 0 auto;
    width:10%;
}
.sns_box li{
    margin:5px;
}
.sns_box img{
    max-width:100%;
}
/* ↑ フッター ↑ */
/*レスポンシブ*/
@media screen and(max-width:767px){
.news-list .item a{
    flex-wrap:wrap;
}
.news-list .item .date{
    min-width:100px;
}
.news-list .item .title{
    margin-top:10px;
}
}
@media screen and (max-width:480px){
.Form{
    margin-top:40px;
}

}
/* ↑ レスポンシブ ↑ */