.rirekisyo {font-size: 16px; line-height: 1.8em;}

.rirekisyo h2{text-align:center; font-size:1.2em;}
.rirekisyo h3{text-align:center; font-size:1.4em; margin:2vh auto;}
.rirekisyo h4{border-bottom:1px dotted; font-size:1.1em; margin-bottom:15px; padding-bottom:3px;}
.rirekisyo strong span,
#form_title + p strong
{background:linear-gradient(transparent 30%, #ffff66 30%);}

.badgelink img.badge{position:absolute; top:5px; left:10px; width: 60px;}
.badgelink{display:block; width:50%; max-width: 400px; margin:20px auto; padding:20px; color:#FFF; text-align:center;position:relative; font-size:1.8em;}
.badgelink:after{font-family: FontAwesome; color:#FFF; content: '\f105'; float: right;}

@media only screen and (max-width: 960px) {
}
@media screen and (min-width:600px) and ( max-width:768px) {
.badgelink img.badge{ left:-30px;}
}
@media only screen and (max-width: 767px) {

.badgelink{width:80%; font-size:6vw; padding:15px;}
.badgelink img.badge{position:absolute; top:-15px; left:-3%; width: 60px}
}



/*装飾関連*/
.checklist li{margin-left:1em; text-indent: -1em;}
.checklist li:before{font-family: FontAwesome; content:"\f00c"; color:#78DCFF; margin-right: 5px;}




/*ボタン*/
.button,.smallbutton{box-shadow:0 3px 0 #0c6020;}
.orange{background:#F39700; box-shadow:0 3px 0 #A85C18; border-radius:3px;}
.blue{ background:#00a0e8; box-shadow: 0 3px 0 #005faf; border-radius:3px;}
.pink{ background:#FF82A0; box-shadow: 0 5px 0 #B4506E; border-radius:3px;}
.anker_link{text-align:right; text-decoration:underline}

.pagelink {display:flex;}
.pagelink li{ border-radius:5px; padding: 0; width: 45%; margin: 20px auto;}
.pagelink li.largebtn{width:50%; float:inherit; margin:20px auto;}
.pagelink li.largebtn img{width:80%;}
.pagelink li img{width:100%;}
.pagelink a,
a.pagelink{display:block; text-align:center; padding:5px 10px; margin:10px; color:#FFF; font-size:1.5em; }
.pagelink li:hover,
.badgelink:hover,
a.pagelink:hover{opacity:.8;}




a.pagelink{padding:15px 0;}





/*アプリ規約調整*/
.kakaritsuke_ttl,.title_green,.qadetail_subttl{padding: 0; margin-bottom:5px;border: none;}
.femaledocttmid p{padding: 0;}
hr{display: none;}



/*フォーム周り*/
#contact_form{max-width: 800px;padding: 10px; margin:auto;}
#form_title{font-size:1.9rem; padding:5px; font-weight:bold; text-align:center;}


/*********************個別css**********************/

#osusume{}
#howtodownload{}
#utilization{}
#sample{}


#osusume,
#howtodownload,
#utilization,
#sample p,
#sample .tmp_rireki,
#sample .tmp_keireki{width:95%; max-width:800px; margin:30px auto;}
.sample_img{display: flex;
  justify-content: space-around;
  text-align: center;
  max-width: 750px;
  margin: auto;}
  .sample_img li{flex:1 1 50%; margin:3%;}

#osusume div{display:flex; align-items: center; justify-content: center;}
#osusume div p,
#osusume div ul{justify-content: space-between; text-align: justify;}
#osusume img{max-width: 320px; margin-right:10px;}
#osusume h2:before{font-family: FontAwesome; content:"\f0d7"; color:#78DCFF; display:block; font-size:5em; text-align:center;}
#osusume #appeal li{color:#FF507A; background:#FFFAF0; display:block; width:100%; font-size:1.5em; font-weight:bold; text-align:center; margin:10px 0; padding:10px; box-sizing:border-box;}


#howtodownload{border:4px solid #C3C925; background:#FBFBF1; border-radius:5px;padding: 15px 4%; box-sizing: border-box;}
#howtodownload h3{color:#C3C925;}
#howtodownload h3 span{display: block;}
#howtodownload .note li{margin-left: 1em; text-indent: -1em; font-size:.8em; line-height: 1.6em;}
#howtodownload p a{color:#0089B9; text-decoration:underline;}
#howtodownload .badgelink{width:80%;}
#howtodownload .howtolist{counter-reset: item;}
#howtodownload .howtolist li{flex: 1 1 33%; position: relative; margin:2% 0; padding:3% 3% 2% 6%; background: #ebedb5; overflow: hidden;}
#howtodownload .howtolist li:before{counter-increment: item; content:"STEP" counter(item); position: absolute; z-index: 10; top: 6px; left: -1px; color:#fff; transform: rotate(-41deg);}
#howtodownload .howtolist li:after{content:""; position: absolute;z-index: 1; border: 25px solid #c3c925; transform: skewX(-50deg ) scaleY(2); top:0; left: -10px;}

#utilization{background:#FFFAF0; padding:4%; box-sizing: border-box;}
#utilization p{margin-bottom:13px;}


#sample h3{background:#EBEDB5; font-weight:bold; padding:30px 0;}

.tmp_rireki , .tmp_keireki{border:2px solid #F3F3F3;}
.tmp_rireki h5 , .tmp_keireki h5{margin:3% 0 0 3%;}
.tmp_rireki ul , .tmp_keireki ul{display:flex; box-sizing: border-box; padding: 3%; justify-content: space-between;}
.tmp_rireki ul {justify-content: flex-start;}
.tmp_rireki li,.tmp_keireki li{ box-sizing:border-box; margin:1%;}
.tmp_rireki li img,.tmp_keireki li img{ border:2px solid #E6F4F6;}
.mihon li{}


#form_title + p{background:#FFF; font-size:15px; padding:10px;}
/*PC*/
@media only screen and (max-width: 960px) {


}



/*SP*/
@media only screen and (max-width: 767px) {
a.pagelink{font-size:1em;}
.rirekisyo {font-size: 14px;}
#osusume div{display:block;}
#osusume div p{width: 50%; margin: auto;}
#osusume div img{width: 100%;}
#osusume #appeal li{font-size:1em;}
#howtodownload,
#utilization{font-size:.9em;}

.sitemap_cov_in {padding: 0;}

.tmp_rireki ul , .tmp_keireki ul{flex-wrap:wrap; padding: 3% 1%;}
.tmp_rireki li ,
.tmp_keireki li{font-size:10px; width:48%; margin:1%; text-align: center;}
.tmp_keireki li{width:inherit;}
.tmp_keireki li img{height:130px;}
.tmp_keireki li:nth-child(2){order:3; width: 88%;}
.tmp_keireki li:last-child{order:2; flex-grow: 1;}

#howtodownload .howtolist li{padding:8% 7% 5%;}
#howtodownload .howtolist li:after{border: 21px solid #c3c925;}

.webguide #howtodownload h3{font-size: 4.2vw;}
.spbr{display: block;}
}